Skip to content

nejckorosec/nuxt-3-simple-boilerplate

Repository files navigation

Nuxt 3 Simple Boilerplate

Features

  • 💚 Nuxt 3 - The Hybrid Vue Framework

  • ⚡️ Vite - Next Generation Frontend Tooling

  • 🎨 Tailwind CSS - Rapidly build modern websites without ever leaving your HTML (used for layouts/displays/responsiveness/colors/...)

  • 🎨 Element Plus - Vue 3 based component library for designers and developers (used for pre build components - inputs/datepickers/dropdown... )

  • 🍍 State Management via Pinia - The Vue Store that you will enjoy using

  • 📝 Vitest - A blazing fast unit-test framework powered by Vite (with c8 coverage)

  • 📝 Cypress - Fast, easy and reliable testing for anything that runs in a browser

  • 🔥 The <script setup> syntax

  • 🏎 Zero-config cloud functions and deploy

  • 🦾 TypeScript

Prerequisites

Before getting started, please make sure you have installed the recommended setup.

  • Node.js* (latest LTS version)
  • Visual Studio Code
  • Volar Extension
    • Either enable Take Over Mode (recommended)
    • ... or add TypeScript Vue Plugin (Volar)

Try it

Create new repo with this template.

Setup

Make sure to install the dependencies

yarn install

Development

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

yarn dev

Production

Build the application for production:

yarn build

Checkout the deployment documentation.