Next.jsとWordPressでブログを作ってみた

Next.jsとWordPressを使い、オリジナルブログを作成していきます。

vercel公式がブログのテンプレートを公開してくれてますが、
普段typescriptを使用してなく、テンプレートの内容を読解するよりも0から自作したほうが早いと思ったためオリジナルをしていきます。

使用技術・サービス

• 言語: javascript
• ライブラリ: react
• フレームワーク: next.js
• cms: wordpress
• hosting: netlify

大枠と流れ

基本的な流れは以下の3ﾌｪｰｽﾞです。

1. Next.jsでブログのテンプレート作成
2. WordPressで記事コンテンツを用意
3. デプロイ

ページ構成・ルーティングを考える

ブログのページ構成は一般的に以下ですが、今回は記事投稿をゴール設定とするため一部を省略し、☆印がついたルーティングのみ実施します。

【一般的なページ構成】

• ☆トップ
• ☆記事
• タグ
• about
• 問合せ

GTM・GAの設置

デプロイをする

CMSを用意する

ドメインを取得