Template Default

Template paling lengkap — direkomendasikan untuk sebagian besar project Nuxt.

Deskripsi

Template Default adalah opinionated setup yang menyertakan semua tooling yang dibutuhkan untuk membangun aplikasi Nuxt modern yang siap production. Ini adalah pilihan yang direkomendasikan oleh Davingm.

Tech Stack

Teknologi	Versi	Keterangan
Nuxt	v4	Full-stack Vue framework
TypeScript	Latest	Type safety
Tailwind CSS	v4	Utility-first CSS framework
Biome	Latest	Linter & formatter (menggantikan ESLint + Prettier)
Vitest	Latest	Unit testing framework
Nuxt Icon	Latest	Icon component
GitHub Actions	Latest	CI/CD pipeline
Open Graph	Latest	Dynamic social media images
SSG	Latest	Static site generation
DevContainer	Latest	Development environment in container

Struktur Project

my-project/
├── .devcontainer/          # DevContainer untuk VS Code / GitHub Codespaces
│   ├── devcontainer.json
│   └── Dockerfile
├── .github/
│   ├── ISSUE_TEMPLATE /     # Template issue GitHub
│   ├── workflows/
│   │   └── ci.yml          # CI/CD dengan GitHub Actions
│   └── PULL_REQUEST_TEMPLATE.md
├── .nuxt/                  # Generated by Nuxt (jangan di-edit)
├── assets/                 # Static assets (CSS, images)
├── components/             # Vue components
├── composables/            # Vue composables
├── pages/                  # File-based routing
├── public/                 # Public static files
├── server/                 # Server-side code (API routes)
├── .biome.json             # Konfigurasi Biome
├── .dockerignore
├── .env.example            # Template environment variables
├── .gitignore
├── nuxt.config.ts          # Konfigurasi Nuxt
├── package.json
└── tsconfig.json

Fitur Unggulan

DevContainer Support

Template ini menyertakan konfigurasi DevContainer yang siap pakai. Buka project di VS Code dengan DevContainer untuk mendapatkan environment development yang konsisten.

GitHub Actions CI

Pipeline CI sudah dikonfigurasi di .github/workflows/ci.yml dengan langkah-langkah:

• Install dependencies
• Lint dengan Biome
• Type check dengan TypeScript
• Run unit tests dengan Vitest
• Build production

Environment Variables

File .env.example menyediakan template untuk environment variables. Salin menjadi .env untuk mulai:

cp .env.example .env

Scripts yang Tersedia

# Development server
pnpm dev

# Build production
pnpm build

# Preview build
pnpm preview

# Lint & format
pnpm lint

# Run tests
pnpm test

# Type check
pnpm typecheck