Nuxt 3 Stackter

A starter template built using Tailwind CSS and Nuxt 3.

Getting started

To get started with this template, first install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server:

# yarn
yarn dev

# npm
npm run dev

# pnpm
pnpm run dev

Finally, open http://localhost:3000 in your browser to view the website.

Production

Build the application for production:

# yarn
yarn build 

# npm
npm run build 

# pnpm
pnpm run build 

Locally preview production build:

# yarn
yarn preview 

# npm
npm run preview 

# pnpm
pnpm run preview 

Customizing

You can start editing this template by modifying the files in the Nuxt recommended folders. In this case:

• /components
• /layouts
• /pages
• /types
• /assets - for css & vite specific images
• /public/images - these images are handled & auto sized based on different view-ports by using the nuxt-image module

The site will auto-update as you edit these files.

Learn more

To learn more about the technologies used in this site template, see the following resources:

• Tailwind CSS - the official Tailwind CSS documentation
• Nuxt 3 - the official Nuxt v3 documentation
• Headless UI - the official Headless UI documentation
• VueUse - the official VueUse documentation
• Nuxt3 Image Module

Recommended IDE Setup

VSCode + Volar. Make sure to:

• Disable Vetur for the current workspace
• Disable built in TypeScript and JavaScript Language Features for the current workspace to enable take-over mode.