braydoncoyer.dev

braydoncoyer.dev

• フレームワーク：next.js
• スタイリング：Tailwind CSS
• コンテンツ：概念API
• データベース：Supabase
• オープングラフ画像：Cloudinary
• ニュースレター：Revue
• 展開：Vercel

プロジェクトの概要

• components/* - サイト全体で使用されるさまざまなコンポーネント。
• layouts/* - 各ページで使用できるさまざまなレイアウトオプション。
• lib/* - 「ライブラリ」の略、外部サービスの有用なユーティリティまたはコードのコレクション。
• pages/api/* -APIは、記事の反応、記事ビュー、 /stats 、ニュースレターサブスクリプション、およびサイトマップを生成するために、電源を張るルーティングをルーティングします。
• pages/blog/* - 概念APIから情報を取得する静的な事前にレンダリングされたブログページ。
• pages/stats - 私のウェブサイトに関するサイト統計。
• pages/* - 他のすべての静的ページ。
• public/* - robots.txtを含む静的資産
• styles/* - 一握りのグローバルスタイル、および @アプリをテールウィンドと利用する再利用可能なクラス。
• data/* - サイトに関するグローバルデータを含む単純なオブジェクト。

ローカルで実行されます

$ git clone https://github.com/braydoncoyer/braydoncoyer.dev.git
$ cd braydoncoyer.dev
$ npm install
$ npm run dev

.env.exampleに似た.envファイルを作成し、適切なキーを含めます。

概念記事テンプレート

次の概念データベースを複製し、データベースIDをつかみ、 .envファイルの環境変数に追加します。