このサイトについての説明

このサイトについての説明

概要

Next.jsのSSG + S3 + microCMSでコーポレートサイトのようなものを作りました。
JamStack構成と呼ばれるものです。

なぜこの構成にしたのか?

結論

  • 動的なコンテンツを静的なコンテンツと同じ速度で高速配信することができる。
  • 初期費用が低く、スケールも容易。(オプションやアクセス数にもよりますが、ほとんどは無料枠の範囲内で利用できます。)
  • microCMSを使用することで、非エンジニアでもリッチエディタで記事の作成、更新が容易にできる。(このページもmicroCMSのエディタで作成しています。)


構成

  • Next.js(SSG)
  • TypeScript
  • TailwindCSS
  • GitHub
  • GitHub Actions
  • S3
  • CloudFront
  • Route 53
  • microCMS

デメリット

  • 開発の学習コストが高いのでチームでの採用が難しい。
  • SNSや掲示板のようなリアルタイム性の高い動的コンテンツの配信ができない。(インフラの構成を変えることで解決することはできます。)


今後の課題

  • CDNサービスをCloudFlareなどの他のサービスに移行することで、より安価・セキュア・簡単な運用にすることができそう。
  • 画像の最適化を行うことでより早い配信を目指す


*このサイトは今回の採用が終了しだい削除いたします。それまで更新・改善は随時行わせていただきます。ありがとうございました。