Next.js × ヘッドレスCMS(Newt) × VercelでJamstackブログを作成しました。
技術構成と、このサイトで発信していくことについて書いていきます。
技術構成について
上にもありますが、Next.js × Newt × Vercelで構築しました。
Next.js
ブログサイトなのでAstroで実装するか悩んだのですが、普段Next.jsを使用していて慣れているのでNext.jsで実装しました。
AstroはView Transitions API が簡単に実装できるのが良いですよね。
Next.jsにもそのような機能追加してほしい・・・
Newt(ヘッドレスCMS)
ヘッドレスCMSはNewtを使用しています。
日本製のヘッドレスCMSといえばmicroCMSが有名かと思いますが、現時点ではNewtの方がデータ転送量が多いのと、「From App」というWordPressでいうContact form 7のような機能もあり、コンテンツとお問い合わせを一元管理できるため今回はNewtを選びました。
Vercel
ホスティングにはVercelを使用しています。
Next.jsに一番マッチしているのと、他のプロジェクトでもVercelを使用しているためです。
自分のプロジェクトではほぼNext.jsとVercelしか使っていないので、今後柔軟に仕事するためにはRemixやAWS、Cloudflareも触れるようになった方がいいなと思っています。
このサイトで発信していくこと
主に下記について発信していきます。
- Webデザイン/制作/開発のTips、備忘録
- おすすめのガジェット、アプリ
- 健康・美容などのライフスタイル
- 思ったこと、感じたことなどの記録
僕はフロントエンドエンジニアでミニマリストなので、最新のフロントエンド周りの情報やミニマリスト目線で本当に買ってよかったものなどを紹介していけたらと思っています。
よろしくお願いします。