Thanks to visit codestin.com
Credit goes to github.com

Skip to content
/ v4.20 Public template

Minimal, blazing fast, and designed with developers in mind, v4.20 is your go-to starting point for modern web projects with Nuxt

Notifications You must be signed in to change notification settings

cesswhite/v4.20

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

v4.20_cover_image

🚀 v4.20: The Ultimate Nuxt 4 Starter Template

Minimal, blazing fast, and designed with developers in mind. Your go-to starting point for modern web projects.

🎯 Our Goal: Keep your project starts simple and direct, always using the latest from Nuxt. No complexity, just clean code and modern tools to get you building faster.

🔥 Perfect for any scale: Whether you scale your project to enterprise level or keep it simple - it will always be perfect and production-ready.

🛠️ Built with cutting-edge technologies

  • Nuxt 4 - Powerful, streamlined development framework
  • Nuxt UI - Beautiful, customizable UI components
  • Pinia - Simple and intuitive state management
  • Tailwind CSS - Utility-first CSS framework

Get started today and build faster, smarter, and better!

✨ Features

  • 🎯 Nuxt 4 - Latest version with enhanced performance
  • 🗄️ Pinia - Modern state management
  • 🎨 Tailwind CSS - Utility-first styling
  • 🌙 Dark mode - Light/dark theme switching
  • 🎨 Color themes - Customizable primary colors
  • 📱 Responsive - Mobile-first design
  • 🔍 SEO ready - Optimized meta tags

🚀 Quick Start

📋 Prerequisites

  • Node.js (≥ 18.x)
  • Bun (recommended) or npm/yarn

⚡ Installation

# Clone the repository
git clone https://github.com/{username}/v420.git
cd v420

# Install dependencies
bun i

🛠️ Development

# Start development server
bun dev

# Your app will be running at http://localhost:3000

📦 Production Build

# Build for production
bun build

# Deploy the generated files to your hosting service

📁 Project Structure

app/
├── components/     # Vue components
├── layouts/        # Layout templates
├── pages/          # App routes
├── stores/         # Pinia stores
└── assets/css/     # Global styles

🎯 Key Components

  • 🎨 Theme Switcher - Dark/light mode toggle
  • 🌈 Color Picker - Primary color customization
  • 📱 Responsive Layout - Mobile-first design

🔧 Pinia SSR Configuration

This template includes a pre-configured Pinia store with SSR hydration support:

  • Hydration Strategy: Ignores initial state and reads values from browser (localStorage)
  • SSR Compatibility: Properly handles server-side rendering with client-side state
  • TypeScript Note: Uses @ts-expect-error due to Pinia type system limitation

📚 Learn more: Pinia SSR Documentation

🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

📄 License

MIT License - feel free to use this project however you'd like!

About

Minimal, blazing fast, and designed with developers in mind, v4.20 is your go-to starting point for modern web projects with Nuxt

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published