Back to Projects

Landly

A modern SaaS landing experience built with Next.js App Router, polished motion, premium UI sections, and auth-ready routes for growth into a full product.

Next.js 15React 19Tailwind CSS 4Framer MotionClerkPrisma 7PostgreSQL@prisma/adapter-pg@google/generative-ai@react-pdf/rendererSvixStripePlaywrightHusky
Landly

About This Project

Landly is a polished SaaS landing experience focused on clarity, conversion, and technical depth. It pairs a cinematic hero, high-signal feature sections, and motion-driven UI with auth-ready routes, AI and PDF endpoints, Prisma-backed PostgreSQL, Stripe billing, and webhook-driven user sync so the design can grow into a production product without rework.

Key Features

  • Premium hero and feature sections with polished motion
  • Clerk-auth-ready public and protected routes
  • Gemini completions with primary and backup API key fallback
  • Authenticated PDF generation via a dedicated API route
  • Stripe checkout plus webhook-driven subscription sync
  • Clerk webhook user synchronization through Svix
  • Playwright E2E coverage with Husky pre-push gating

Challenges & Solutions

Challenge

Combining a conversion-focused marketing surface with production-ready integrations without making the landing page feel like a dashboard.

Solution

Separated the experience into reusable UI sections, protected route boundaries, and focused API endpoints so the marketing layer stays polished while the app can expand into a full SaaS product.

Technologies

Next.js 15React 19Tailwind CSS 4Framer MotionClerkPrisma 7PostgreSQL@prisma/adapter-pg@google/generative-ai@react-pdf/rendererSvixStripePlaywrightHusky