Nuxt Boilerplate (Tailwind + Essentials)

A simple boilerplate for Nuxt 3 projects using DevTools, Tailwind CSS, Prettier, ESLint, and TypeScript.

Essentials

Utility	Description
Nuxt Devtools	for debugging and inspecting your Nuxt application.
Nuxt Icon Module	provides a dynamic component that can be passed any icon code from the Icones Library to render a SVG.
TailwindCSS	for utility-first CSS.
Prettier	Pretty formatting and opinionated ordering for Tailwind classes using the TailwindCSS Prettier Plugin
ESLint	for linting JavaScript and TypeScript.
Inter Font	is set as the default for this project (included in the head of nuxt.config.ts).

Setup

Make sure to install the dependencies:

# npm
npm install

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.