sangbk208 / nuxt3-starter

Nuxt 3 starter template built with Tailwind Css - I18n - Api management with Repository Pattern - Store management with Pinia

Nuxt 3 Starter

Features

• Nuxt3
• Tailwind CSS
• State management with Pinia
• Custom authentication store via use-auth
• Internationalization via @nuxtjs/i18n
• Api management using Repository Pattern

Directory Structure

├── apps # Nuxt Layer
│ └── index # Home Page
├── components # Global Components
├── layouts # Layouts
├── plugins # Plugins
├── stores # Stores
├── services # Api management
├── shared # Constants
├── utils # Utils

How to use

Setup

Please use Yarn package managers.

Make sure to install the dependencies:

Node.js - v18.0.0 or newer

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000:

# yarn
yarn develop

Production with only one environment .env

Build the application for production:

# yarn
yarn build

Locally preview production build:

# yarn
yarn preview

Launches a Node server after build.

# yarn
yarn start

Production with multiple environments (develop - staging - production)

Environment files:

# env file
.env file for the develop environment
.env.staging file for the staging environment
.env.production file for the staging environment

Build the application according to the corresponding environment:

# yarn
yarn build
yarn build:staging
yarn build:production

Locally preview build according to the corresponding environment:

# yarn
yarn preview
yarn preview:staging
yarn preview:production

Launches a Node server after build.

# yarn
yarn start