Next.jsとGraphQLで運用できるブログを構築してみよう

Next.jsとGraphQLを組み合わせて本格的に運用が可能なブログを構築する講座です。煩わしいAPI設計はGraphCMSに任せて、フロントはNext.jsでGraphQLを用いてブログデータを叩いて出力します。WebHookと組み合わせてブログ運用も可能になります🚀

カリキュラム

1. 本講座で学べること・デモ
  無料プレビュー
1. GraphCMSでアカウント登録してみよう
2. ブログ投稿用のスキーマを作成しよう
  無料プレビュー
3. ブログスキーマに実際にデータを入れてみよう
4. ブログの執筆者用のスキーマを作成しよう
5. GraphQLでAPIを叩いてみよう
1. Next.jsの雛形から作成しよう
2. GraphCMSとAPI連携してみよう
3. gqlでAPIを叩いてみよう
4. SSGを実装しよう
  無料プレビュー
5. ブログカードの雛形を作成しよう
6. ブログカードの見た目を完成させよう
7. Next.jsにおける動的ページ遷移表示を学ぼう
8. 特定のslugに対応するブログ情報を取得するAPIを叩いてみよう
9. 動的ページでSSGを設定する方法(getStaticPaths)
10. URLからslug部分だけを抽出してAPIを叩いてみよう
11. ブログ詳細ページのHTMLを構成しよう
12. ローカルで新しくブログ投稿ができるか確認してみよう
1. ブログをVercelでデプロイしよう
2. WebHookを使って運用できるブログにしよう
3. ブログサイトのページ読み込み速度を確認してみよう
  無料プレビュー
1. お疲れ様でした！