Precedent

Precedent

An opinionated collection of components, hooks, and utilities for your Next.js project.

Precedent preview 1

Overview

Precedent is a boilerplate template by steven-tey. An opinionated collection of components, hooks, and utilities for your Next.js project. It's built on Next.js, Tailwind CSS, TypeScript, Prisma and actively maintained — last updated Oct 2, 2024. Your purchase includes the full source, documentation and every future update.

  • Next.js, Tailwind CSS, TypeScript, Prisma
  • Full source code under the MIT license
  • Live demo available
  • Lifetime access to updates

What's inside

  • Next.js – React framework for building performant apps with the best developer experience
  • Clerk - A comprehensive user management platform with beautifully designed, drop-in React components
  • Vercel – Easily preview & deploy changes with git
  • Tailwind CSS – Utility-first CSS framework for rapid UI development
  • Radix – Primitives like modal, popover, etc. to build a stellar user experience
  • Framer Motion – Motion library for React to animate components with ease
  • Lucide – Beautifully simple, pixel-perfect icons
  • next/font – Optimize custom fonts and remove external network requests for improved performance
  • ImageResponse – Generate dynamic Open Graph images at the edge
  • useIntersectionObserver – React hook to observe when an element enters or leaves the viewport

Quick start

# after purchase, download from your library
unzip precedent.zip && cd precedent-*
npm install
npm run dev

More boilerplates