Next.js + Contentlayer

A template with Next.js 13 app dir, Contentlayer, Tailwind CSS and dark mode.

https://vercel.com/templates/next.js/nextjs-contentlayer

良かった点

• 各ファイル とても勉強になりました。
• ci設定にチャレンジした際の.github/workflowsファイルが勉強になりました。

難しかった点

• Next.js に プラスContentlayer は 理解するハードルが高まる。。
  • まずは Next.js に慣れた方が 良さそう
• config-file が散らばっていて 整理したいが 難しそう。
  • contentlayer.config.js
  • next.config.js
  • postcss.config.js
  • tailwind.config.js
  • tsconfig.json

TODO

• ✅ 投稿などのデータは アプリと一緒に持つ のではなく 別で分けたい
  • DB
  • API
  • MardDown を .gitignore する

気になる Next.js Templates

• https://vercel.com/templates?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app&type=blog