xiry.

Development · GitHub repo

Precedent

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

From the Xiry library · Updated 10 October 2026

Visit github.com ↗

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.

What it's 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
Topic
Starter Templates
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: 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)

    A full-stack Next.js tech stack for fast project prototyping and deployment.

  • Starter.diy

    Full-stack SaaS starter with Next.js 15, Convex, and Clerk Billing

  • Titan

    Full-stack Next.js 15 starter with Better-Auth, Drizzle, and Tailwind v4

  • Gray UI CRM

    Open-source CRM data grid and interface template built with Next.js and shadcn/ui

  • Opensource UI

    Free copy-paste React and Next.js components and device mockups

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

Updated