ブログの技術スタック

概要

このブログで採用している技術スタックについて紹介します。
※この記事は完全にCursor君が生成した記事なのでAI感満載です。
読まなくていいよ。

Nuxt 3 はVue.jsベースのフレームワークで、SSR（サーバーサイドレンダリング）やSSG（静的サイト生成）をサポートしています。

このブログではSSGモードを使用しており、ビルド時にHTMLを生成して静的ファイルとして配信しています。

フロントエンドフレームワークとして Vue.js 3 を採用しています。Composition APIを活用した開発を行っています。

UIコンポーネントライブラリとして Vuetify 3 を採用しています。Google Material Designに準拠した美しいUIを簡単に構築できます。

静的ファイルのホスティングにはAWS S3を使用し、CDNとしてCloudFrontを配置しています。

ユーザー → CloudFront → S3

ローカル開発環境はDockerで構築しています。docker composeで簡単に環境を立ち上げることができます。

mainブランチへのpush時に自動でビルド・デプロイが実行されます。

デプロイフロー：