tevfiksirin / nuxt-boilerplate

A ready to use Nuxt 3 boilerplate. (w/ HTTPS, Tailwind, i18n+RTL, Pinia, GDPR, Dark mode, TypeScript, Prettier, ESLint etc.)

Nuxt Boilerplate

A ready to use Nuxt 3 boilerplate

Live Demo: https://nuxt-boilerplate.onrender.com/

StackBlitz: https://stackblitz.com/github/renegadevi/nuxt-boilerplate

Quick setup (TLDR;)

git clone https://github.com/renegadevi/nuxt-boilerplate.git
cd nuxt-boilerplate
pnpm install
pnpm run dev

Setup

Prerequisites:

• pnpm
• mkcert (Optional localhost HTTPS)

Clone repo

git clone https://github.com/renegadevi/nuxt-boilerplate.git
cd nuxt-boilerplate

Install dependencies:

pnpm install

Optional: .env

VITE_BASE_URL="https://localhost:3000/"

Optional: Generate certificate for HTTPS for localhost

# mkdir certs
cd certs
mkcert localhost

Start local server

Start development server

# HTTP
pnpm run dev
# HTTPS
pnpm run dev-https

Start production build server (HTTP)

# HTTP
pnpm run build;pnpm run preview
# HTTPS
pnpm run build;pnpm run preview-https

Check out the deployment documentation for more information.

Nuxt Modules included:

• eslint
• pinia
• tailwindcss
• i18n
• device
• devtools
• image
• google-fonts
• color-mode
• icon
• cookie-control

Optional: Component Viewer

If you are looking for a component viewer while building and designing components, I made this extension for nuxt. Drop in the _components.vue into the Pages directory, make sure you have a blank.vue in Layouts that's just a <Slot />, and go to /_components

https://github.com/renegadevi/nuxt-component-viewer