This is a Nuxt JS + Tailwind CSS boilerplate code with preconfigured libraries and packages with the following features:
- Preconfigured VueTailwind with highly customizable tailwind module
- Integrated nuxt/axios for promise based HTTP client
- Integrated nuxt/auth for authentication
- Integrated nuxt-img to replace vanilla
<img>HTML tag for better image optimization - Integrated @nuxtjs/moment for time formatting
- Smooth configurable page, layout transition at
@/assets/css/main - Built-in awesome content loader using vue-content-loader
- Integrated @babel/eslint-parser, prettier for codes' rules & styles checking and formatting
- Integrated vuex-map-fields for form data binding
Be aware that you might have to add BASE_URL to your environment variable in case you build for production.
This boilerplate fetch data from tfd-nest-boilerplate. Make sure you install the server and run it. Here is the easy step to install the server ( Make sure you have docker installed) :
$ git clone https://github.com/tfd-ed/tfd-nest-boilerplate.git
cd tfd-nest-boilerplate
cp .env.example .env # or copy .env.example .env on Windows
docker-compose up -d$ git clone https://github.com/tfd-ed/tfd-nuxt-tailwind-boilerplate
$ cd tfd-nuxt-tailwind-boilerplate
$ yarn install
$ yarn devVisit http://localhost:3000/
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate