7.1 Building a Fullstack SaaS App

+-------------------------------------------------------------+
| Frontend: Next.js 14 App Router + Tailwind CSS + Lucide Icons|
+------------------------------┬------------------------------+
                               │
                               ▼
+-------------------------------------------------------------+
| Backend: Next.js API Routes (Server Actions + Zod Validation)|
+------------------------------┬------------------------------+
                               │
                               ▼
+-------------------------------------------------------------+
| Database: PostgreSQL (Prisma ORM Models & Migrations)       |
+-------------------------------------------------------------+

# ShortLink SaaS Specification

## 1. Database Models (Prisma)
- `Link`: id, originalUrl, shortCode (unique), createdAt, totalClicks
- `ClickLog`: id, linkId, ipAddress, country, createdAt

## 2. API Endpoints
- `POST /api/shorten` -> लंबा URL लेकर 6-अक्षर का छोटा कोड बनाता है।
- `GET /[shortCode]` -> ओरिजिनल लिंक पर रीडायरेक्ट करता है और क्लिक लॉग करता है।
- `GET /api/analytics/[shortCode]` -> कुल क्लिक्स की डिटेल देता है।

## 3. UI Requirements
- मॉडर्न हीरो इनपुट कार्ड और "Shorten URL" बटन।
- कॉपी-टू-क्लिपबोर्ड का नोटिफिकेशन।
- रोज़ाना क्लिक्स दिखाने वाला छोटा चार्ट।

> "specs/app.md को पढ़ो। पहले Prisma schema बनाओ, फिर API endpoints और redirection logic लिखो। हर स्टेप पर टेस्ट चेक करना।"

> "अब मॉडर्न Tailwind CSS UI बनाओ: src/app/page.jsx में URL इनपुट कार्ड, हाल ही में बनाए लिंक्स की टेबल और कॉपी बटन जोड़ो।"

> "इस पूरे ऐप के लिए Jest यूनिट टेस्ट्स लिखो (Valid URL, Invalid URL error, Redirection) और टेस्ट्स चलाकर रिपोर्ट दो।"