reanyouda/tfd-nuxt-tailwind-boilerplate

NuxtJs + TailwindCss + ESLint boilerplate

A NuxtJs boilerplate by TFD for building scalable API.

Nuxt JS + Tailwind CSS + ESLint Boilerplate

Features

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

Setup Guide

Be aware that you might have to add BASE_URL to your environment variable in case you build for production.

API Installation

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

Client Installation

$ git clone https://github.com/tfd-ed/tfd-nuxt-tailwind-boilerplate
$ cd tfd-nuxt-tailwind-boilerplate
$ yarn install
$ yarn dev

Visit http://localhost:3000/

Production Guide

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

# generate static project
$ yarn generate

With Docker

Comming Soon!

Donation

Kindly donate to the following bank account (Cambodia) if you want to support our works.

KHEANG KIM ANG

001 821 043

You can also donate with Visa Direct.

4026 4503 2163 1102