Giter Club home page Giter Club logo

nuxt3-starter's Introduction

Nuxt 3 Starter

WARNING๏ผšNuxt 3 now in RC version. Not recommended for production use.

Check out the Nuxt 3 roadmap

First, learn how Nuxt 3 works.

Tips: @nuxtjs/i18n is unstable, the project is not working for the time being, if you need an i18N replacement, you can use @intlify/nuxt3

reference: vitesse-nuxt3.

Preview

Open In Stackblitz

Features

  • ๐Ÿ’š Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
  • โšก๏ธ Vite - Instant HMR
  • ๐ŸŽจ UnoCSS - The instant on-demand atomic CSS engine.
  • ๐Ÿ˜ƒ Use icons from any icon sets in Pure CSS, powered by UnoCSS
  • ๐Ÿ”ฅ The <script setup> syntax
  • ๐Ÿ State Management via Pinia
  • ๐Ÿ“‘ Layout system
  • ๐Ÿ“ฅ APIs auto importing - for Composition API, VueUse and custom composables.
  • ๐ŸŽ Zero-config cloud functions and deploy
  • ๐Ÿฆพ TypeScript, of course

Plugins

  • ๐ŸŽจ @unocss/nuxt - Nuxt module for UnoCSS
  • ๐Ÿคน unplugin-icons - Use icons from any iconsets
  • ๐Ÿ @pinia/nuxt - Using Pinia with Nuxt 3
  • ๐ŸŒ @nuxtjs/i18n - Nuxt 3 Module for vue-i18n-next
  • ๐Ÿ› ๏ธ @vueuse/nuxt3 - This is an add-on of VueUse, which provides better Nuxt integration auto-import capabilities.

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).

Coding Style

ESLint with @antfu/eslint-config, single quotes, no semi.

Use husky and lint-staged to verify the code before submission.

The following specifications are not considered by the authors and are left to your own choice:

Try it now

Nuxt3-starter requires Node >=14.18

GitHub Template

Create a repo from this template on GitHub.

Clone to local

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

npx degit lio-zero/nuxt3-starter my-nuxt3-app
cd my-nuxt3-starter
pnpm i --shamefully-hoist # If you don't have pnpm installed, run: npm install -g pnpm

Or nuxi:

npx nuxi init -t lio-zero/nuxt3-starter my-nuxt3-app

 โœจ Your solid Nuxt project is just created! Next steps:
 ๐Ÿ“  cd my-nuxt3-app
 ๐Ÿ’ฟ  Install dependencies with `npm install` or `yarn install` or `pnpm install -shamefully-hoist`
 ๐Ÿš€  Start development server with `npm run dev` or `yarn dev` or `pnpm run dev`

Usage

Development Server

Start the development server on http://localhost:4399

pnpm dev

Production Server

Build the application for production:

pnpm run build

Locally preview production build:

pnpm run preview

Checkout the deployment documentation for more information.

License

MIT @lio-zero

nuxt3-starter's People

Contributors

lio-zero avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.