技術系約2分で読めます
ポートフォリオサイトをヘッドレスWordPress + Next.jsでリニューアルしました
公開 更新
このサイトはWordPress(ヘッドレスCMS) + WPGraphQL + Next.js(App Router)という構成で作り直しました。管理画面で書いた記事や実績データを、GraphQL経由でNext.jsのフロントエンドが取得して表示しています。
技術スタック: WordPress / WPGraphQL / ACF / Next.js / TypeScript / Tailwind CSS / Docker
今後、このブログでは制作の記録や学習メモを発信していく予定です。
このサイトを動かしているもの
| 役割 | 使っているもの |
|---|---|
| ドメイン | お名前.com |
| WordPressの設置先 | お名前.com のレンタルサーバー |
| 表示側の配信 | Vercel（無料枠） |
| ソース管理 | GitHub（無料枠） |
表示側を無料枠で賄えるのは、記事を管理する場所と、実際に表示する場所を分けているからです。負荷がかかるのは表示側で、そこは静的に配信されます。
