Linkgrove: Next.js | Clerk Auth | Clerk Billings | Convex

Sujay Rajesh

πŸ”— Linkgrove – Modern Bio Link Manager with Real-time Analytics

Linkgrove is a full-featured Linktree-style SaaS application that empowers users to create personalized bio link pages with real-time analytics, recurring subscription payments, and a stunning animated UI. Built with the latest web technologies like Next.js 15 App Router, Clerk, and Stripe, it offers secure authentication, seamless billing, and dynamic routing. Linkgrove is more than just a static bio pageβ€”it's an intelligent, performance-optimized micro-website builder tailored for creators and professionals.

πŸ—οΈ Tech Stack at a Glance

Frontend: Next.js 15 (App Router), React 19, TypeScript, TailwindCSS
Authentication: Clerk with Google OAuth, session handling
Billing: Clerk Billing with Stripe (Recurring subscriptions, Webhooks)
Analytics: Tinybird (real-time visitor metrics and behavior insights)
UI/UX: Framer Motion for animations, smooth page transitions
DevOps: Docker setup for deployment-ready builds
πŸŽ“ This project is based on the Linktree SaaS series by YouTuber Sonny Sangha

πŸ’‘ Features I Engineered

πŸ”— Custom Bio Link Pages Each user can create a unique public profile with fully customizable links, profile images, and social handles.
πŸ‘₯ Secure User Auth & Management Clerk integration provides seamless sign-in, sign-up, and user session management with OAuth providers such as Google and GitHub.
πŸ’³ Real Subscription Billing Clerk Billing is integrated with full monthly recurring payments and seamless plan upgrades or cancellations.
πŸ“Š Real-Time Analytics with Tinybird Users can track clicks, impressions, and traffic sources instantly, using Tinybird’s lightning-fast event ingestion and SQL-based analytics API.
βš™οΈ Server Components & Dynamic Routing Optimized performance via Next.js 15’s App Router, dynamic route segments, server components, and edge functions.
✨ Motion-First UI Beautiful animated transitions and interactive states handcrafted using Framer Motion + Tailwind CSS for a polished, modern feel.
🧱 Production-Ready Build Dockerized setup for smooth CI/CD and scalable deployment environments.
πŸ”— Links πŸ‘‰ Live Preview: link-grove-rsujays-projects.vercel.app πŸ‘‰ My Link Bio: link-grove-rsujays-projects.vercel.app/u/sujay-rajesh πŸ‘‰ GitHub Repository: github.com/R-Sujay/LinkGrove πŸ‘‰ Portfolio: sujay-r.vercel.app
Like this project

Posted Jun 25, 2025

Developed Linkgrove, a SaaS bio link manager with analytics and billing.

Docsmart: Next.js | Clerk | Langchain | OpenAI | Stripe
Docsmart: Next.js | Clerk | Langchain | OpenAI | Stripe
My Portfolio: Next.js | Sanity CMS | Framer Motion | Tailwind

Join 50k+ companies and 1M+ independents

Contra Logo

Β© 2025 Contra.Work Inc