/Nuxt-Tailwind-Template

Minimal Nuxt 3 starter template with Tailwind, Pinia and Unplugin-Icons. Optional Base Layer via Nuxt config extends key.

Primary LanguageVueMozilla Public License 2.0MPL-2.0

Nuxt TailwindCSS Pinia Template Repo

GitHub last commit License: MOZ 2.0

Nuxt Tailwind Template with Pinia 🎉

Website demo: https://michaelsynan.github.io/Nuxt-Tailwind-Template/

Minimal Nuxt 3 Tailwind and Pinia starter repo, with assets, layouts, pages and components directories set up.

Includes 👇

  • TailwindCSS (docs)
  • Pinia (docs)
  • unplugin-icons (repo | icon look-up)
  • Basic base styles
  • Pages directory
  • Default layout
  • Optional Base Layer for additional comments via extends

Instructions

git clone https://github.com/michaelsynan/Nuxt-Tailwind-Template.git

cd Nuxt-Tailwind-Template/

npm install

npm run dev

Enable & Customize Base Layer

Take advantage of pre-built components using Nuxt extends.

  1. Clone the Base Layer repo.
  2. Uncomment in nuxt.config.ts and update Nuxt config file:
//  extends: [
//    'github:michaelsynan/nuxt-base-layer#master'
//  ]

Deploy Static Site to GitHub Pages

See this gist.

Roadmap

  • Base Layer components via extends
  • Nuxt 3 Beginners Guide