ポートフォリオサイト
Gatsby.js x microCMSのJamstack構築で制作しました。
React.js
Gatsby.js
microCMS
TypeScript
- Gatsby.jsとmicroCMSを組み合わせた、Jamstack構築で制作しました。
- Gatsby.jsはReact.jsのフレームワークで静的サイト生成 (SSG) が強いです。API連携もバンバンできます。
- microCMSはheadless CMSの一種です。バックエンドで独立して動きます。サムネイルのように、シンプルなUIで情報更新ができます。
- microCMSはクラウドサービスでデータベースも用意してくれているので、フロント側の開発だけでCMSサイトが制作できます。
(2024/10/10追記)
- ポートフォリオサイトはNext.jsの構築で作り直しました。
- 最新のReact19を触ってみたかったためです。AboutページのフォームはReact19のuseFormStatusを使って、loading処理しています。
- Next.jsのon-demand revalidationも使っています。爆速でCMSの内容が反映できていい感じ。