エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.js + Vercel + microCMSなどを使ってほぼ無料でブログを運用する / 学ぶ、考える、書き出す。
記事へのコメント0件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js + Vercel + microCMSなどを使ってほぼ無料でブログを運用する / 学ぶ、考える、書き出す。
当ブログのシステム構成について紹介します。構成を真似することでほぼ無料(後述)でブログを運営でき... 当ブログのシステム構成について紹介します。構成を真似することでほぼ無料(後述)でブログを運営できます。 当ブログの構成概要 いわゆるJamstack構成です。構成を画像で示すと次の通りです。 microCMSまたはブログのリポジトリに変更がある場合、VercelのDeploy Hooksを使ってVercel上の環境を更新するようにしています。 Next.js上でビルドするときに、ヘッドレスCMSのAPIを使ってブログの記事などを取得し、Next.jsのgetStaticPropsを使ってStatic Site Generateをできるようにしています。 ブログのコンテンツはVercelが提供しているCDNによってキャッシュされます。 また画像などはAmazon S3上にアップロードしたものを、CloudFrontでキャッシュして配信するようにしています。 どうしてブログをJamstack構