Precedent
An opinionated collection of components, hooks, and utilities for your Next.js project.
Overview
Precedent is a lightweight, beautifully designed Next.js starter by Steven Tey (creator of Dub.co) that provides accessible, a11y-first UI components powered by Tailwind CSS, Radix UI, and Framer Motion, authentication via Clerk, performance primitives via @next/font and next/image, hooks, utilities, and one-click Vercel deployment. Designed as a lean starting point for high-quality Next.js applications.
What is Precedent?
Built on Next.js 14 with App Router, using Clerk for authentication, Radix UI for accessible components, Framer Motion for animations, and Tailwind CSS for styling, with performance optimizations via @next/font and next/image.
Best Suited For
"Next.js developers who want a polished, production-quality starter with auth and beautiful UI components out of the box."
Key Features of Precedent
- Beautiful accessible UI with Radix primitives
- One-click Vercel deploy with Clerk auth
- Battle-tested in production on Dub.co
- Lightweight starter with Tailwind + Framer Motion
- Performance optimized with @next/font and next/image
- Hooks and utilities included out of box
- A11y-first component design system
Advantages
- Beautifully designed accessible components using Radix UI and Framer Motion out of the box.
- One-click Vercel deploy with Clerk auth pre-wired — get a running app in under 5 minutes.
- Maintained by Steven Tey and battle-tested in real production on Dub.co.
Limitations
- Lightweight starting point — does not include billing, admin dashboard, or multi-tenancy.
- Opinionated toward Clerk for auth and Vercel for hosting.
Alternative Comparison
Compare Precedent against close alternatives using core buying criteria.
Legend: ✓ supported, ✕ not supported, — not specified.
Precedent
Current- Pricing
- Free
- Website
- precedent.dev
- Tech stack
- Next.jsReactTypeScriptTailwind
- Auth included
- Supported
- Payments included
- Not specified
- Database included
- Not specified
- SEO-ready pages
- Not specified
- Best suited for
- Next.js developers who want a polished, production-quality starter with auth and beautiful UI components out of the box.
MakerKit
- Pricing
- $299 one-time
- Website
- makerkit.dev
- Tech stack
- Next.jsReactTailwindTypeScriptSupabase
- Auth included
- Supported
- Payments included
- Supported
- Database included
- Supported
- SEO-ready pages
- Not specified
- Best suited for
- Teams and experienced developers building production B2B SaaS products who need enterprise features like multi-tenancy, RBAC, and billing pre-built and well-documented.
ShipFast
- Pricing
- $199 one-time
- Website
- shipfa.st
- Tech stack
- Next.jsReactTailwindTypeScript
- Auth included
- Supported
- Payments included
- Supported
- Database included
- Supported
- SEO-ready pages
- Supported
- Best suited for
- Solo founders and indie hackers comfortable with Next.js who want to launch a SaaS or AI product in days with auth and billing pre-configured.
Nextbase
- Pricing
- Freemium
- Website
- usenextbase.com
- Tech stack
- Next.jsReactTypeScriptTailwindSupabase
- Auth included
- Supported
- Payments included
- Supported
- Database included
- Supported
- SEO-ready pages
- Not specified
- Best suited for
- Developers and small teams building B2B SaaS products on Next.js + Supabase who want a free starting point with optional premium upgrades.
