Frontend Boilerplate for RwBuild Team

Production-ready Nuxt 4 starter with modern best practices

Features

Nuxt UI

Beautiful, accessible component library

Nuxt Icon

200,000+ icons from popular icon sets

Dark Mode

Built-in dark mode support with smooth transitions

Responsive Design

Mobile-first approach with Tailwind utilities

Authentication System

Complete auth flow with composables, stores, and middleware for login, register, and protected routes

API Integration

useApi composable with automatic token injection, error handling, and TypeScript types

Layout System

Multiple pre-built layouts (default, auth, dashboard) with automatic switching

Base Components

Reusable UI components (buttons, inputs, cards) following best practices

TypeScript Strict Mode

Full type checking for maximum code safety

Linting Rules

Comprehensive ESLint rules for consistent code

Code Formatting

Automatic formatting with Prettier on save

Git Hooks

Pre-commit hooks prevent bad code from being committed

Conventional Commits

Standardized commit messages for better history

Type Safety

End-to-end type safety from API to UI

VueUse

Collection of essential Vue composition utilities

Google Fonts

Easy integration of web fonts with optimization

Image Optimization

Automatic image optimization with Nuxt Image

Shared Types

Types shared between app and server contexts

Environment Variables

Type-safe environment configuration

Error Handling

Global error handling and custom error pages

Ready to Get Started?

Clone this repository and start building your next amazing project

terminal
$ git clone <your-repo-url>
$ cd frontend-nuxt-boilerplate
$ npm install
$ npm run prepare
$ npm run dev

Visit http://localhost:3000 to see your app! 🎉