🚀 Starter Next.js 15 + ShadCN – Siap Pakai untuk Proyek Skala Kecil hingga Besar (Support Bun & Node.js)
Published on May 26, 2025 · 6 min read
🧱 Stack & Struktur Teknis
Project ini dibangun di atas:
Next.js 15
App Router untuk routing modern
ShadCN UI
Komponen berbasis Radix UI + Tailwind
TypeScript
Type safety untuk development yang aman
Tailwind CSS + CVA
Class Variance Authority untuk styling
Zod
Validasi schema yang powerful
Lucide Icons
Icon library yang modern
Next Themes
Dark/light mode built-in
Bun & Node.js
Bisa jalan di keduanya
Struktur direktori sudah disiapkan untuk scalability, dengan pendekatan modular dan clean, selain itu routing menggunakan App Router dengan layout nesting, error boundary, loading UI, dan pengaturan metadata built-in.
⚙️ Fitur Menarik
✅ Siap Pakai dan Minimalis
Tidak terlalu banyak dependency, tapi cukup untuk jadi fondasi awal proyek: dari dashboard internal, CMS, admin panel, hingga SaaS.
✅ Theming Built-in
Sudah include theme provider, jadi kamu bisa langsung pakai light/dark toggle, bahkan mengatur system mode.
✅ UI yang konsisten & extendable
ShadCN UI dengan Tailwind membuat komponen seperti Button, Card, Input, dan lainnya mudah dikustomisasi, tanpa mengorbankan konsistensi desain.
✅ Support Bun & Node.js
Hanya perlu switch package manager sesuai kebutuhan
🛠️ Siapa Cocok Pakai Starter Ini?
- 🚀 Kamu yang ingin memulai project Next.js dengan setup modern
- 👨💻 Tim kecil yang butuh starter yang scalable
- 🧪 Kamu yang sedang explore Bun sebagai runtime
- ⚡ Dev yang ingin UI clean, aksesibel, dan siap pakai tanpa bikin komponen dari nol
📌 Quick Start
# Clone repository
git clone https://github.com/rochiyat/nextjs-15-starter-with-shadcn
# Install dependencies (pilih salah satu)
npm install
# atau
bun install
# Run development server
npm run dev
# atau
bun dev🎯 Kenapa Menggunakan Boilerplate Ini?
Project ini cocok untuk dijadikan boilerplate pribadi atau tim. Silakan fork, modifikasi, dan build produkmu sendiri di atas fondasi modern ini.
Foundation yang solid untuk project modern
Dengan setup yang sudah dioptimasi, kamu bisa fokus ke fitur dan bisnis logic, bukan setup berulang-ulang
🔗 Repository
🔗 Repo: rochiyat/nextjs-15-starter-with-shadcn (opens in a new tab)
🧬 Fork dari: siddharthamaity/nextjs-15-starter-shadcn (opens in a new tab)
Subscribe newsletter ini untuk starter kit, boilerplate, dan tips dev lainnya!
Tags: #NextJS #Bun #NodeJS #WebDevelopment #ShadCN #OpenSource #Boilerplate #FrontendDevelopment #TailwindCSS #DeveloperTools