Next.js + microCMS + VercelでJamstackなブログ付き個人サイトを作る - あなたとあなたの話がしたい
妻の歌人としてのブログ付き個人サイトをリリースしたので、技術的な観点をまとめておきたい。 Jamstack これがサイトの構成図で*1、最近流行りのJamstackというアーキテクチャで作ってみた。 Jamstackは、静的サイトジェネレーターを用いてCMS等で管理するコンテンツをビルド時にすべて取得して、ユーザーアクセス前に用意しておいたHTML、CSS、JavaScriptをCDN経由で配信することで、画面遷移が非常に速い優れたパフォーマンスのサイト構築を可能にする。 CMS更新時のWebhook通知で自動デプロイする仕組みを入れることで、開発者がソースコードを触ることなく、サイト編集者で完結したサイト更新を行うことができるため、ビジネスから趣味の活動まで、静的サイト開発・運用の手段として有力な選択肢になるだろう。 静的サイトジェネレーター Next.js, Nuxt.js, Gats
『microCMS + Gatsby + GitHub Actions + S3 でJamStackのチュートリアル』 をやって詰まった所を補足してみる - お？意外といけるやん！
これは何? dev.classmethod.jp 上記の記事を試しにやってみたんだけど、あれこれどうすんだっけ？みたいなのあったので、それの備忘録を書いてみる。 僕のスキルセット バックエンド領域を専門とするエンジニアなのでフロントは業務でやってない JamStack 初めて構築する Github Actions 使った事ない（CircleCIとかはある） microCMS 初めて触る こんな感じ。 何やったの？ npm じゃなくて yarn で進めた gatsby-cli を作る階層をルートディレクトリにしてそのサブディレクトリ内に Gatsby の Project を作った で、上記を全てGit管理対象とした Github Actions の yml を npm からyarn に変えた S3にsyncをする所で IAM AccessKeyのPermissionをなるべく最小になるように
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
