https://github.com/namesmt/starter-nuxt
https://github.com/namesmt/starter-nuxt
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/namesmt/starter-nuxt
- Owner: NamesMT
- Created: 2024-04-01T03:36:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-27T19:27:36.000Z (about 2 years ago)
- Last Synced: 2024-05-02T06:12:45.063Z (about 2 years ago)
- Language: TypeScript
- Size: 312 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DEPRECATED template
Lately for my new projects I have been using the [starter-fullstack](https://github.com/NamesMT/starter-fullstack) template, I think the monorepo config of that template is structured way better and future-proof if the project grows.
Maintaining this template here causes some duplicated work and to save time, I decided to deprecate it here, this template will now lives on and is maintained at [`starter-fullstack/apps/frontend`](https://github.com/NamesMT/starter-fullstack/tree/main/apps/frontend).
# Nuxt 3 ~~Minimal~~ Preconfigured Starter
Note: the app comes with a `localcert` SSL for local development, generated with [mkcert](https://github.com/FiloSottile/mkcert), you can install mkcert's local CA to remove the untrusted SSL warning
## Features:
- ESLint
- [@nuxt/eslint](https://eslint.nuxt.com/packages/module)
- [@antfu/eslint-config](https://github.com/antfu/eslint-config)
- [UnoCSS](https://unocss.dev/guide/)
- UnoCSS is an atomic CSS engine, similar to Tailwind but is super fast and have some amazing features like automatically imported icons in pure CSS.
- PrimeVue
- Using [tailwind preset mode](https://tailwind.primevue.org/nuxt/)
- Shadcn/vue
- Configured for UnoCSS with [hyoban/unocss-preset-shadcn](https://github.com/hyoban/unocss-preset-shadcn)
- Share the primary color and could work in parallel with PrimeVue
- [ColorMode](https://github.com/nuxt-modules/color-mode)
- Dark and Light mode with auto detection made easy with Nuxt.
- [NuxtImage](https://image.nuxt.com/)
- Automatically optimized images for the app, as well as placeholder support
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
## Setup
Make sure to install the dependencies: `pnpm install`
## Development Server
Start the development server: `pnpm run dev`
## Production
Build the application for production: `pnpm run build`
Locally preview production build: `pnpm run preview`
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.