Nuxt + Vuetify + GitHub Pagesの爆速環境構築

NuxtとVuetify環境を構築するときに毎回調べてるので、簡単に開発環境を作れるようにしてみました。特に、個人開発では、開発から本番環境へデプロイするのに数週間、数ヶ月かかり挫折することが多いです。
これを使えば数クリックで本番環境へデプロイできモチベーションを維持することができます。

含まれている物

• Nuxt: npx --yes nuxi@latest init --packageManager npm --gitInit .
• Vuetify: npx nuxi@latest module add vuetify-nuxt-module
• GitHub Actions: https://nuxt.com/deploy/github-pages
• GitHub Codespaces: https://github.com/GitHub30/nuxt-vuetify-github-pages-starter/blob/main/.devcontainer/devcontainer.json

使い方

https://github.com/GitHub30/nuxt-vuetify-github-pages-starter にアクセス

デプロイ

1. Create a new repositoryをクリック

2. Create repositoryをクリック

3. Settings > Pagesに行く。GitHub Pagesをクリック

4. Actions > Deploy to GitHub Pagesに行く。Run workflowをクリック

https://<username>.github.io/<repository>/にアクセス

開発

1. Create codespace on mainをクリック

2. Open in browserをクリック