Nuxt 3 Starter

We recommend to look at the documentation.

Preview

Deploy your own

This starter template also includes:

• Tailwind CSS v3.0.0-alpha ⚠
• Headless UI - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
• Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

First-party plugins needed for Tailwind UI:

• tailwindcss/forms
• tailwindcss/typography
• tailwindcss/line-clamp
• tailwindcss/aspect-ratio

Best Nuxt with Plugins:

• Pinia

Setup

Make sure to install the dependencies

yarn install

Development

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

yarn dev

Production

Build the application for production:

yarn build

yarn start

Dependencies Update

If you want to update the libraries, I left a nice command for you. Select it with space and press enter.

yarn allupdate

Example

➜  nuxt3-app git:(master) yarn allupdate
yarn run v1.22.11
$ yarn upgrade-interactive --latest
info Color legend : 
 "<red>"    : Major Update backward-incompatible updates 
 "<yellow>" : Minor Update backward-compatible features 
 "<green>"  : Patch Update backward-compatible bug fixes
? Choose which packages to update. (Press <space> to select, <a> to toggle all, <i> to invert selection)
 devDependencies
   name   range   from                       to                      url
❯◯ nuxt3  latest  3.0.0-27237303.6acfdcd  ❯  3.0.0-27238235.a1bcc53  

Stay in touch

• Website - https://productdevbook.com
• Twitter - @productdevbook

Checkout the deployment documentation.