Compound — Next.js Startup Founder Portfolio Template
A premium Next.js founder portfolio template with filterable case studies, angel investments, a timeline, and blog — built with Tailwind and shadcn/ui.

Overview
Compound is a Next.js startup founder portfolio template built for solopreneurs, indie makers, and product builders who want to show what they've shipped instead of listing what they've done. Unlike a generic resume site or developer portfolio, this founder portfolio template is structured around outcomes: a filterable work grid that separates shipped products, angel investments, and experiments, each backed by a full case study page with problem, process, results, and hard metrics.
Built on Next.js App Router, Tailwind v4, shadcn/ui, TypeScript, and Motion, the template ships with eight fully designed pages — Home, Work, Work case study, Writing, Writing post, Speaking, Journey, and Contact — all wired to a single config.tsx file for content and a shared metadata.ts helper for per-page SEO. The navy-and-gold OKLCH color system, animated growth-line hero, and reusable glow/gradient variables give it a premium, credibility-first feel closer to a SaaS landing page than a typical personal site.
Every section — metrics bar, featured work, timeline, speaking and press, newsletter signup, writing preview, and a dedicated journey page — is fully responsive, dark-mode ready, and built entirely from shadcn/ui primitives for easy long-term customization. It's the fastest way for a founder, indie hacker, or startup builder to launch a portfolio that reads as a track record, not a CV.
Features
| Pages | Landing page |
|---|---|
| Home | Navbar |
| Work | Hero |
| Work/[slug] | Metrics Bar |
| Writing | About |
| Writing/[slug] | Featured Work |
| Speaking | Timeline Preview |
| Journey | Speaking & Press |
| Contact | Newsletter |
| Writing Preview | |
| Final CTA | |
| Footer |
Built with
Next.js 15
TypeScript
ShadCN UI
Tailwind v4
Motion


