# Precedent

> Opinionated Next.js starter template with prebuilt components, hooks, and auth

Precedent is an open-source Next.js starter template designed to eliminate repetitive setup when launching new web projects. It provides pre-configured authentication, accessible Radix and Tailwind UI components, animations, and common React utility hooks. Developers can bootstrap a production-ready application locally or deploy it to Vercel in a few clicks.

Website: https://github.com/steven-tey/precedent

## What it is for

- Bootstrap a new Next.js side project or SaaS MVP without writing boilerplate code
- Integrate user authentication and management using preconfigured Clerk integration
- Generate dynamic edge-based Open Graph social images automatically with ImageResponse
- Reuse common UI utilities and hooks like scroll tracking and intersection observation

## Features

- One-click deployment to Vercel with automated environment configuration
- Built-in user authentication and management powered by Clerk
- Accessible UI primitive components built with Radix UI and Tailwind CSS
- Motion animations configured using Framer Motion
- Dynamic Open Graph image generation at the edge using ImageResponse
- Custom React hooks including useIntersectionObserver, useLocalStorage, and useScroll
- Common string and number helper functions like nFormatter, capitalize, and truncate
- Strict type checking and code quality tooling with TypeScript, Prettier, and ESLint

## Pricing

Open source

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Open source: yes
- Platforms: Web
- For: React and Next.js developers looking for a ready-to-use project foundation
- Alternative to: Create Next App, Taxonomy, T3 Stack
- Tags: nextjs, react, starter, boilerplate, tailwind, typescript, clerk

## Why it was saved

- [@steventey, 13 January 2023](https://x.com/steventey/status/1613928948915920896): Solves the repeated boilerplate problem (auth, modals, custom fonts) across side projects; ready base for a Next.js product

## Related

- [Steven Tey's Starter Template Stack (Precedent)](https://xiry.app/resources/steven-tey-s-starter-template-stack-precedent): A full-stack Next.js tech stack for fast project prototyping and deployment. (List, Free)
- [Starter.diy](https://xiry.app/resources/starter-diy-2164): Full-stack SaaS starter with Next.js 15, Convex, and Clerk Billing (GitHub repo, Open source)
- [Titan](https://xiry.app/resources/titan): Full-stack Next.js 15 starter with Better-Auth, Drizzle, and Tailwind v4 (GitHub repo, Open source)
- [Gray UI CRM](https://xiry.app/resources/gray-ui-crm): Open-source CRM data grid and interface template built with Next.js and shadcn/ui (GitHub repo, Open source)
- [Opensource UI](https://xiry.app/resources/opensource-ui): Free copy-paste React and Next.js components and device mockups (Web app, Open source)
- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/precedent

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.