GitHub30/nuxt-vuetify-github-pages-starter

Nuxt Vuetify GitHub Pages Minimal Starter

Demo

What's this

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: devcontainer.json

Usage

Deploy

1. Create a new repository

2. Create repository

3. Goto Settings > Pages > Enable GitHub Pages

4. Goto Actions > Deploy to GitHub Pages > Run workflow

Published to https://<username>.github.io/<repository>/.

If you are using a custom domain or https://<username>.github.io/, remove NUXT_APP_BASE_URL

nuxt-vuetify-github-pages-starter/.github/workflows/deploy.yml

Lines 19 to 22 in 5e3a16a

    
           # For https://<username>.github.io/<repository>/ 
        
           - run: NUXT_APP_BASE_URL=/$(echo $GITHUB_REPOSITORY | cut -d/ -f2)/ npx nuxt build --preset github_pages 
        
           # For a custom domain or <username>.github.io 
        
           #- run: npx nuxt build --preset github_pages

Develop

1. Create codespace on main

2. Open in browser

Documents

Nuxt https://nuxt.com/

Vuetify https://vuetifyjs.com/

Vuetify Nuxt Module https://nuxt.vuetifyjs.com/

License

MIT - Made with 💚

	# For https://<username>.github.io/<repository>/
	- run: NUXT_APP_BASE_URL=/$(echo $GITHUB_REPOSITORY \| cut -d/ -f2)/ npx nuxt build --preset github_pages
	# For a custom domain or <username>.github.io
	#- run: npx nuxt build --preset github_pages