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

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.

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

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.

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

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.

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
.vscode		.vscode
assets/css		assets/css
components		components
layouts		layouts
pages		pages
.editorconfig		.editorconfig
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
README.md		README.md
nuxt.config.ts		nuxt.config.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
prettier.config.js		prettier.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json