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

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