jarocki.me

Bartosz Jarocki- next.jsを使用して構築された個人的なウェブサイトとヘッドレスCMSとしての概念

これは、使用して構築された私の個人的なウェブサイトです

• タイプスクリプト
• 次のJS
• 概念API
• 次のテーマ
• Tailwind CSS
• NEXTSEO
• Vercel og

ローカルで実行されます

アプリケーションを局所的に実行するには、環境変数を定義する必要がありません（in .env.local ）：

1. NEXT_PUBLIC_URL絶対URLを作成するために使用されます。たとえば、カノニカルリンクやオープングラフ画像
2. NOTION_TOKEN notion apiクライアントが使用し、ここに情報がありません
3. NOTION_DATABASE_IDノート/ブログ投稿リストの取得に使用されます

アプリケーションで必要な概念データベースの特定のデータ形式があります。データベースコンテンツを取得するとき、アプリケーションは次のプロパティがデータベースで構成されることを期待しています。

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug - たとえば/notes/hello-worldのノートスラグとして使用されるスラッグはhello-worldになります
9. published - 利用可能なメモリストから未発表のメモをフィルタリングするために使用されます
10. publishedAt
11. inProgress Work in progressを表示するために使用されるメモリストにバッジ

概念のデータベースがどのように見えるかは次のとおりです。

環境変数と概念データベースを定義した後、アプリケーションを実行します

git clone https://github.com/BartoszJarocki/web-jarocki-me
cd web-jarocki-me
yarn
yarn dev

OG画像生成

アプリケーションは、lambda関数と人形ターを使用して自動的にオープングラフ画像を生成します

メインページの例

ブログ投稿の例

クレジット

Tailwind UI Spotlightテンプレートに深くインスピレーションを受けたデザイン

Vercelに展開します

ライセンス

mit