Pipeliner adalah sebuah website modern yang dibangun menggunakan teknologi terkini dengan fokus pada performa, skalabilitas, dan kemudahan dalam pengembangan. Proyek ini menggunakan pendekatan modular dan type-safe dengan TypeScript serta App Router dari Next.js.
🔗 Live Demo: https://dipa-pipeliner.vercel.app
| Teknologi | Deskripsi |
|---|---|
| Framework | Next.js (App Router) |
| Language | TypeScript |
| Styling | TailwindCSS |
| UI Library | shadcn/ui |
| Forms | React Hook Form |
| Validation | Zod |
| Routing | Next.js App Router (folder app/) |
| Deployment | Vercel |
| Content | Sanity |
| Animation | GSAP (GreenSock Animation Platform) |
pipeliner/
├── app/ # Routing dan pages menggunakan Next.js App Router
├── components/ # Reusable components (menggunakan shadcn/ui)
├── lib/ # Helper dan utilitas (termasuk zod schemas)
├── types/ # Sanity Content
├── public/ # Aset statis
├── tsconfig.json # Konfigurasi TypeScript
├── postcss.config.mjs # Konfigurasi TailwindCSS
└── README.md
# 1. Clone repository
git clone https://github.com/username/dipa-pipeliner.git
cd dipa-pipeliner
# 2. Install dependencies
pnpm install
# atau
npm install
# 3. Jalankan di development mode
pnpm dev
# atau
npm run dev
✅ Fitur Utama
✨ Routing dinamis dan nested dengan Next.js App Router
🎨 UI elegan dan modular dengan shadcn/ui dan TailwindCSS
🧩 Validasi form yang kuat dan type-safe dengan Zod
🪄 Animasi interaktif menggunakan GSAP
☁️ Deployment instan dan optimal di Vercel
📦 Deployment
Project ini dideploy menggunakan Vercel.