Illust

Web

News

About

Contact

ポートフォリオサイト

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の内容が反映できていい感じ。
ゆ
© 2024 by Yuichiro.