2021年の10月にNuxt3のパブリックベータ版がリリースされました。

正式リリースも近々控えているといううわさがありますが、Nuxt3とmicroCMSでブログサイトを作ってみたので、備忘を兼ねてまとめていきます。

2022/11/26　追記

Nuxt3 stableバージョンで記事を更新しました。

環境

windows 10 home

node.js v14.18.0

Nuxt 3.0.0

実装機能

• 記事一覧表示
• 記事詳細表示
• キーワード検索
• ページング処理
• タグ絞り込み

記事一覧

• Nuxt3とmicroCMSで作るブログ　①環境構築
• Nuxt3とmicroCMSで作るブログ　②記事一覧の表示
• Nuxt3とmicroCMSで作るブログ　③記事詳細ページの作成
• Nuxt3とmicroCMSで作るブログ　④記事一覧のページング
• Nuxt3とmicroCMSで作るブログ　⑤キーワード検索
• Nuxt3とmicroCMSで作るブログ　⑥タグでの絞り込み

ソースコード全文

https://github.com/qlitre/nuxt3-microcms-blog-template

参考

• http://help.microcms.io/ja/knowledge/specification-of-utc-time
• サーバサイドでシンタックスハイライトを行う
• https://v3.nuxtjs.org/guide/directory-structure/pages/
• https://github.com/nuxt/framework/issues/2041
• NuxtのJamstack構成におけるページングの実装
• https://github.com/nuxt/framework/issues/2041
• 基本的な正規表現一覧