Building blocks for your Next project
Introduction ยท One-click Deploy ยท Tech Stack + Features ยท Author
Precedent is an opinionated collection of components, hooks, and utilities for your Next.js project.
You can deploy this template to Vercel with the button below:
You can also clone & create this repo locally with the following command:
npx create-next-app precedent --example "https://github.com/steven-tey/precedent"
Precedent.mp4
- Next.js โ React framework for building performant apps with the best developer experience
- Auth.js โ Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
- Prisma โ Typescript-first ORM for Node.js
- Vercel โ Easily preview & deploy changes with git
- Vercel Postgres โ Serverless Postgres at the Edge
- 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 performanceImageResponse
โ Generate dynamic Open Graph images at the edgereact-wrap-balancer
โ Simple React component that makes titles more readable
useIntersectionObserver
โ React hook to observe when an element enters or leaves the viewportuseLocalStorage
โ Persist data in the browser's local storageuseScroll
โ React hook to observe scroll position (example)nFormatter
โ Format numbers with suffixes like1.2k
or1.2M
capitalize
โ Capitalize the first letter of a stringtruncate
โ Truncate a string to a specified lengthuse-debounce
โ Debounce a function call / state update
- TypeScript โ Static type checker for end-to-end typesafety
- Prettier โ Opinionated code formatter for consistent code style
- ESLint โ Pluggable linter for Next.js and TypeScript
- Vercel Analytics โ Track unique visitors, pageviews, and more in a privacy-friendly way
- Steven Tey (@steventey)