Nuxt Template: Splash

Nuxt Splash is an opinionated Nuxt 4 starter template with built-in support for Tailwind CSS and Prettier and includes a blank default "index.vue" page.

Using create nuxt@latest provides everything you need to create a basic Nuxt application. However, it is missing a few useful items that you might find yourself manually adding to every new Nuxt project. The Splash template was created to automatically include these items. This provides a great starting point for a new Nuxt project with Tailwind.

The template includes:

• An initial Nuxt project structure
• Tailwind CSS
• Prettier
• Initial elements for language and title set in nuxt.config.ts
• A default main.css file
• Default .vscode files for Prettier and Tailwind CSS settings and recommended extensions
• A blank index.vue page
• The dev script set to "nuxt dev -o"

Deployment Methods

bun

bunx giget gh:smart-ace-designs/nuxt-splash project-name

npm

npx giget gh:smart-ace-designs/nuxt-splash project-name

Note

You should manually clear the contents of this README file after deployment.

Project Structure

After deploying the Nuxt Splash template you will see the following files and directories in your project root:

/
├── .vscode/
│   ├── extensions.json
│   └── settings.json
├── app/
│   ├── assets/
│   │   └── css
│   │       └── main.css
│   ├── pages/
│   │   └── index.vue
│   └── app.vue
├── public/
│   ├── favicon.ico
│   └── robots.txt
├── .gitignore
├── .prettierrc
├── nuxt.config.ts
├── package.json
├── README.md
└── tsconfig.json