https://github.com/smart-ace-designs/nuxt-wave
An opinionated Nuxt 4 template with built-in support for Nuxt UI, Tailwind CSS, and Prettier.
https://github.com/smart-ace-designs/nuxt-wave
nuxt nuxtui opinionated tailwindcss template vuejs
Last synced: 2 days ago
JSON representation
An opinionated Nuxt 4 template with built-in support for Nuxt UI, Tailwind CSS, and Prettier.
- Host: GitHub
- URL: https://github.com/smart-ace-designs/nuxt-wave
- Owner: Smart-Ace-Designs
- Created: 2025-08-24T15:08:54.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-10-02T17:56:32.000Z (6 days ago)
- Last Synced: 2025-10-02T19:31:40.619Z (6 days ago)
- Topics: nuxt, nuxtui, opinionated, tailwindcss, template, vuejs
- Language: Vue
- Homepage:
- Size: 19.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt Template: Wave
Nuxt **Wave** is an opinionated Nuxt 4 starter template with built-in support for Nuxt UI, Tailwind CSS, and Prettier. It also includes a simple _Welcome_ component to showcase basic Nuxt UI functionality.
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 **Wave** template was created to automatically include these items. This provides a great starting point for a new Nuxt project with Nuxt UI and Tailwind.
The template includes:
- An initial Nuxt 4 project structure
- [Nuxt UI 4](https://ui.nuxt.com)
- Integrates with [Tailwind CSS v4.1](https://tailwindcss.com/)
- Integrates with [Nuxt Icon](https://nuxt.com/modules/icon)
- Integrates with [Nuxt Fonts](https://nuxt.com/modules/fonts)
- Integrates with [Nuxt Color Mode](https://nuxt.com/modules/color-mode)
- Integrates with [Nuxt Content](https://nuxt.com/modules/content)
- [Prettier](https://prettier.io/)
- Initial elements for language and title set in _nuxt.config.ts_
- A default _main.css_ file
- An opinionated Nuxt UI color theme set in _app.config.ts_
- Default _.vscode_ files to properly handle Tailwind CSS, recommended extensions, and default Prettier formatters
- A simple _Welcome_ component displayed from _app.vue_
- The `dev` script set to `"nuxt dev -o"`
## Deployment Methods
### bun
```sh
bunx giget gh:smart-ace-designs/nuxt-wave project-name
```
### npm
```sh
npx giget gh:smart-ace-designs/nuxt-wave project-name
```
> [!Note]
> You should manually clear the contents of this README file after deployment.
## Project Structure
After deploying the Nuxt **Wave** template you will see the following files and directories in your project root:
```text
/
├── .vscode/
│ ├── extensions.json
│ └── settings.json
├── app/
│ ├── assets/
│ │ └── css
│ │ └── main.css
│ ├── components/
│ │ └── App
│ │ └── Welcome.vue
│ ├── pages/
│ │ └── index.vue
│ ├── app.config.ts
│ └── app.vue
├── public/
│ ├── favicon.ion
│ └── robots.txt
├── .gitignore
├── .prettierrc
├── nuxt.config.ts
├── package.json
├── README.md
└── tsconfig.json
```