## 概要
このハンズオン形式の資料では、microCMS を使用したシンプルなブログアプリを構築します。
ビルド時に静的 HTML を生成することで、従来の Web サイトより、表示速度を向上させた JAMstack ブログです。
具体的な、アプリの仕様・学習内容については、READMEを参照ください🙌

JAMstack ブログアプリ: microCMS + フロントエンドテスト 入門(Vitest)

README

Next.js の導入

shadcn/ui の導入

microCMSクライアントの作成

TOPページの実装

テスト環境の構築

TOPページの統合テストを作成

未読記事のおすすめロジックの実装

RecommendPost コンポーネントの作成

詳細ページの実装

おまけ: Vercelへのデプロイ

Finish 🎉

nextjs

microcms

testing

vitest

testinglibrary

kazzyfrog