Deskripsi
Project ini adalah aplikasi Link in Bio modern yang dibangun dengan Next.js 15 (App Router), TypeScript, dan Tailwind CSS v4, dengan pendekatan mobile first dan data dinamis dari file JSON.
Fitur Utama
- Mobile First: Semua komponen dioptimalkan untuk tampilan mobile, responsif di semua device.
- Profile Card: Data profil dengan avatar, nama, dan deskripsi.
- Product Carousel: Carousel produk digital dengan gambar, nama, harga, dan status featured.
- Link List: Daftar link yang dikelompokkan berdasarkan kategori dari file `links.json`.
- Product Cards: Card produk dengan gambar, nama produk, harga, dan highlight jika featured.
- Dark Mode: Toggle dark mode di header menggunakan shadcn/ui components.
- Customizable via JSON: Semua data link, produk, dan profil bisa diubah langsung dari file JSON tanpa perlu edit kode.
- TypeScript: Full TypeScript support untuk type safety.
- Modern UI Components: Menggunakan shadcn/ui components untuk konsistensi design.
Tech Stack
- Framework: Next.js 15.4.1 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Components: shadcn/ui (Radix UI + Tailwind)
- Icons: Lucide React
- Carousel: Embla Carousel
- Analytics: Vercel Analytics