nuxt-static-PWA-tailwind-sass-init Tailwind Templates

Nuxt Static Pwa Tailwind Sass Init

nuxt-static-PWA-tailwind-sass-init

This is a quick setup for a static Nuxt project with the following settings

  • Axios
  • PWA
  • Tailwind
  • Sass
  • Google font Roboto (default loaclly import)

CSS Customization

customize your Sass in ~/assets/css/main.scss
customize your Tailwind in ~/assets/css/tailwind.css and tailwind.config.js


After cloning the repo, don't forget to

  • Change the project folder name
  • Change the head title in nuxt.config.js
  • Change name in both package.json and package-lock.json

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Top categories

Loading Svelte Themes