https://github.com/kunukn/nuxt-3-app
https://github.com/kunukn/nuxt-3-app
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kunukn/nuxt-3-app
- Owner: kunukn
- License: mit
- Created: 2023-05-13T09:12:12.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-01T13:18:31.000Z (almost 2 years ago)
- Last Synced: 2025-01-31T07:31:12.875Z (4 months ago)
- Language: JavaScript
- Size: 14.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Nuxt 3 + Tailwind + Storybook
The idea is to get a tech stack around **Vue 3** with the following requirements.
- Web Framework: **Nuxt 3** with auto imports.
- CSS utility: **TailwindCSS**
- Design system: **Storybook** that can load Nuxt 3 that uses auto imports and Tailwind.
- Unit tests: **Vitest** for fast testing.
Because there seems to be no `nuxt/storybook` out of the box integration, the configuration is setup twice.
The configuration setup in nuxt config is duplicated in other files as well.
## Must have libraries and features
* vue-i18n
* pinia
* component auto imports
### Storybook demo
It is deployed as a build Storybook here.
The deployed app might or might not be the latest from this repo.
https://kunukn.github.io/nuxt-3-app
https://salmon-dune-05cd01103.3.azurestaticapps.net
### Nuxt Demo
It is deployed as a generated Nuxt 3 app here.
The deployed app might or might not be the latest from this repo.
https://polite-wave-0d8d9f803.3.azurestaticapps.net
## Setup
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install
```
## Development Server
```bash
npm run dev
```
## Development Storybook
```bash
npm run storybook
```
## Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
Build the application for HTML pre-generated production:
```bash
npm run generate
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.