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.

mehmetvarol/nuxt-boilerplate