Technical Guide

Architecture, deployment, and technical implementation details

Tech Stack

Frontend

• Next.js 15 (App Router)
• React 19
• TypeScript
• Tailwind CSS 4
• Radix UI Components

Backend

• Next.js API Routes
• Prisma ORM
• PostgreSQL 14+
• Redis (caching & rate limiting)
• NextAuth.js

Database Schema

Core Models

• Domain - Core domain information and metrics
• User - User accounts and authentication
• Sale - Transaction records and status
• DomainMetrics - SEO and traffic data
• AnalyticsMetrics - Google Analytics data
• Newsletter - Newsletter subscribers

Deployment

Production deployment on Vercel

# Install Vercel CLI
npm i -g vercel

# Deploy to production
vercel --prod

Required environment variables:

DATABASE_URL (PostgreSQL connection)
REDIS_URL (Upstash Redis)
NEXTAUTH_SECRET & NEXTAUTH_URL
RESEND_API_KEY (email)
STRIPE_SECRET_KEY & RAZORPAY_KEY

Security Architecture

Layer 1: Network Security

HTTPS enforcement, security headers, rate limiting

Layer 2: Application Security

CSRF protection, input validation, SQL injection prevention

Layer 3: Authentication Security

NextAuth with 2FA, secure session management, password hashing

Layer 4: Data Security

Encrypted sensitive data, audit logging, secure webhooks

Project Structure

graburl/
├── src/
│   ├── app/              # Next.js pages & API routes
│   │   ├── api/          # API endpoints
│   │   ├── admin/        # Admin dashboard
│   │   ├── domains/      # Domain pages
│   │   └── wiki/         # Documentation
│   ├── components/       # React components
│   ├── lib/              # Utilities & helpers
│   ├── emails/           # Email templates
│   └── contexts/         # React contexts
├── prisma/
│   └── schema.prisma     # Database schema
├── public/               # Static assets
└── scripts/              # Utility scripts