nuxtailify Tailwind Templates

Nuxtailify

A Nuxt Starter Project Utilizes Vuetify In Conjuction with Tailwind CSS.

NuxTailify

About

  • An Opinionated Nuxt Starter Boilerplate That Utilizes Vuetify In Conjuction with Tailwind CSS plus Other Good Stuff Taken from Vue Enterprise Boilerplate Such as Linting, Test , And Documentation and Vscode Settings.
  • This Uses Vuetify In Ala Cart Mode with Vuetify Loader Which Load Components On Demand Together With All Its Dependancy and CSS Styling.
  • This Uses PurgeCSS Was Used to Allow All On Demand Styling of Vuetify While Only Compiling Tailwind CSS Class If It is Used.
  • You Can Use Vuetify As Is Without Importing Any Component Except Those Limitation Listed on Their Docs
  • You can Utilize Tailwind Class Using tw- prefix ie. tw-bg-red.
  • Font and Icons Can Be Used for Offline Development (Uses Fontawesome, Material Icons , And Roboto Fonts). Read More On How to Add Custom Icons Here

To Do

  • Add Internationalization
  • Make Default Layout , Dashboard, Home, Modal
  • Add ENV Var
  • Add Home Page
  • Add Auth Page
  • Add Dashboard Page
  • Add Meta for SEO
  • Middleware for Authenticated User
  • Authentication Can be Choosen to use FireBase or Any Other backend Way of Authentication.

Build Setup

# install dependencies
$ yarn install

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

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

# generate static project
$ yarn run generate

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

Top categories

Loading Svelte Themes