pagelyダウンロード - pagelyソースコードのダウンロード

pagely

その他のカテゴリー

1.0.0

ダウンロード

ページごと

Notion を使って超高速 Web サイトを構築しましょう ⚡️

Pagely を使用して、Notion、Google Sheets、GitHub、Airtable から SEO フレンドリーで超高速の Web サイトを起動します

ページリーとは何ですか

Pagely は、Notion、GitHub、Google Sheets、Airtable などのお気に入りのアプリから Web サイトを起動するのに役立つノーコードプラットフォームです。 Pagely は、SEO に関するすべての処理をユーザーに任せるのではなく、自動的に SEO フレンドリーにします。 Notion のデフォルトのスタイルが気に入らない場合は、心配はいりません。CSS は思う存分編集できます。そして、私の最もお気に入りの機能の 1 つであるカスタムサブドメインです。 Pagely では、選択したサブドメインを選択できます。 lalit.pagely.site、your-name.pagely.site など... はい、正しく理解しています - Hashnode もそれを行います。 Notion に Web サイトのコンテンツを入力するだけで、Web サイトがライブでリアルタイムに更新されます。 pagely.jsonも追加するだけで、GitHub 上にオープンソースプロジェクトの Web サイトを作成できます。。 Pagely には他にもたくさんの機能があります。

特徴

無料のカスタムサブドメイン (例: your-name.pagely.site)
ライブ更新ウェブサイト
OG イメージの自動生成 ( puppeteer を使用しない? 詳細については、さらに読んでください)
カスタムスタイル (CSS を使用)
カスタム<head>タグ (分析および無限の統合用)
ショーケースページでウェブサイトを紹介します
驚くほど高速なウェブサイト
カスタムドメイン(Vercel がサポートするまでの回避策による)
Pagely をさまざまなサブページと統合する方法に関する詳細なガイド
Notion ページのカスタム slugs/サブパス/サルート/きれいな URL (近日公開予定)
Web サイトのパスワード保護(組み込みの StaticShield 統合による?)
Crisp.chat、Disqus、Google アナリティクス、Stripe、Gumroad などの強力な統合。
Vercel 上。Pagely Web サイトはVercel のエッジネットワークにキャッシュされます
自動サイトマップ(近日公開予定)
カスタムフォント、ファビコンなど
自動SSL ( https )
携帯電話から素晴らしいウェブサイトを作成しますか?
ウェブサイト全体の全文検索(近日公開予定)
コードブロックの構文強調表示
すべてのウェブサイトのダークモード(明日までに実装予定)
ウェブサイトのライブ Twitter プレビュー

いくつかの便利なリンク

ライブウェブサイト → https://pagely.site
GitHub リポジトリ → https://github.com/lalit2005/pagely
ショーケース → https://pagely.site/showcase
ガイド → https://guides.pagely.site
Notion を使用したサイト例 → https://lalit.pagely.site
GitHub を使用したサイトの例 → https://pagely-with-github.pagely.site/

技術スタック

これは、このブログで最も驚くべき部分の 1 つです。それは、Pagely が完全に Jamstack で構築されているためです。はい、私の言うことを正しく聞いてくれました。アプリ全体はNext.jsで作成しました（OG画像自動生成サービスを除く）

Next.js - 地球上で最も素晴らしい React フレームワーク
店員 - 認証
TailwindCSS - スタイリング
Radix UI - プリミティブ反応コンポーネントライブラリ
ヘッドレス UI - UI コンポーネントライブラリ
Supabase (Postgres) - データベース
Prisma - データベース ORM
Axios - API リクエスト
React フックフォーム - フォームの検証
ゾッド - 検証
Web3forms - フォームの送信
SWR - リモートデータフェッチ
Typescript - 型チェック
ヴェルセル - ホスティング

貢献する

テンプレートを送信して貢献することもできます!!詳細については、https://pagely.site/templates をご覧ください。

このリポジトリをクローン→ git clone https://github.com/Lalit2005/pagely
Clerk のダッシュボードから Clerk の環境変数を設定する
Supabase で無料の Postgres データベースを起動し、接続 URL/文字列を取得します。
ここで Imgbb から API キーを取得します (画像のアップロードセクションに貢献している場合のみ)
依存関係をインストール → yarn
ローカルホストでアプリを実行→ yarn dev
新しいブランチを作成する
新機能を完成させたり、バグを修正したりしたら、PR を開くだけです:)

従来のコミットを使用することを忘れないでください。
fix: <a bug>バグ修正の場合
feat: 新機能の <a new feature>
refactor: コードリファクタリングの <a code refactor>
chore: <bump lodash>ビルドステップに関連するもの
chore(deps): 依存関係の更新のための <bump lodash>
chore(deps-dev): 開発依存関係の更新用の <bump vercel>
style: <add margin>アプリケーションのスタイルに関連するもの