Nuxt 3 Starter Template

Nuxt 3 SSR & full-stack starter template, supports I18n, UnoCSS, Prisma, MySQL and provides better SEO.

• Live Demo
• Play on Stackblitz

Features

• Nuxt 3 - SSR, File-based routing, components auto importing, modules, etc.
• Full-stack development with Prisma and MySQL.
• State Management via Pinia, see /app/stores/layout.ts.
• Provide good SEO for your website with powerful head config, composables and components.
• Use SVG icons from any icon sets in Pure CSS, powered by UnoCSS.
• I18n ready, and supports automatic import of translated files.
• Unit Testing with Vitest.
• Deploy on Netlify with zero-config, supports other deployment methods as well.

Usage

Create a repo from this template on GitHub.

git clone <git remote url>

Install dependencies.

cd starter-nuxt3 # Or your project directory

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Just run and visit http://localhost:9865.

pnpm dev

To build the App, you can run:

pnpm build

You will then see the .output folder generated for publishing, which you can preview locally with the following command.

pnpm preview

Deployment

Nuxt application can be deployed on a Node.js server, pre-rendered for static hosting, or deployed to serverless or edge (CDN) environments.

How to deploy?

Clean Template

If you prefer to do it manually with the cleaner git history:

npx degit starter-collective/starter-nuxt3 starter-nuxt3

cd starter-nuxt3

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

When you use this template, try follow the checklist to update your info properly:

• Change the app title in i18n/locales/*.json and nuxt.config.ts.
• Change the favicon and logo icon in public.

License

MIT License © 2024 Kieran Wang