🧩 Pipeliner

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

🚀 Tech Stack

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)

---

🏗️ Struktur Proyek

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.