steven-tey/precedent：一套有主见的组件、钩子和实用工具集合，适用于你的 Next

steven-tey

5.1k

495 33

MIT License

项目介绍

steven-tey/precedent 是一个托管在 GitHub 上的开源项目，主要使用 TypeScript 编写，采用 MIT License 许可证，目前获得 5.1k 个 Star、495 次 Fork。

仓库全名: steven-tey/precedent
开源许可证: MIT License
Star 数: 5.1k
Fork 数: 495
未关闭 Issue: 33

README 摘要

Precedent Building blocks for your Next project Introduction · One-click Deploy · Tech Stack + Features · Author Introduction Precedent is an opinionated collection of components, hooks, and utilities for your Next.js project. One-click Deploy You can deploy this template to Vercel with the button below: You can also clone & create this repo locally with the following command: Then, install the dependencies with…

完整内容见 GitHub 原始 README 或本页。

常见问题

precedent 用什么语言开发？

主要使用 TypeScript 编写，采用 MIT License 许可证，目前有 5.1k 个 Star。

precedent 可以免费商用吗？

如何获取 precedent 的源码？

可以直接克隆仓库：git clone https://github.com/steven-tey/precedent.git；安装与运行步骤见仓库 README。

precedent 最近还在维护吗？

仓库最近一次更新为 2024年10月3日，当前有 33 个未关闭 Issue；Star 数为 5.1k，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

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

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

6134

价值分

3219

活跃状态

活跃

authjs eslint framer-motion nextauth nextauthjs nextjs nextjs-boilerplate nextjs-starter nextjs-template prettier prisma radix-ui railway tailwindcss typescript vercel

GitHub

语言占比

CSS

JavaScript

TypeScript

贡献者

README

Precedent

Building blocks for your Next project

Introduction · One-click Deploy · Tech Stack + Features · Author

Introduction

Precedent is an opinionated collection of components, hooks, and utilities for your Next.js project.

One-click Deploy

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"

Then, install the dependencies with your package manager of choice:

npm i
yarn
pnpm i

Tech Stack + Features

https://github.com/user-attachments/assets/aef3c099-e371-43bf-b426-f5ba73185a7c

Frameworks

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

Platforms

Vercel – Easily preview & deploy changes with git

UI

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

Hooks and Utilities

useIntersectionObserver – React hook to observe when an element enters or leaves the viewport
useLocalStorage – Persist data in the browser’s local storage
useScroll – React hook to observe scroll position (example)
nFormatter – Format numbers with suffixes like 1.2k or 1.2M
capitalize – Capitalize the first letter of a string
truncate – Truncate a string to a specified length
use-debounce – Debounce a function call / state update

Code Quality

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

Miscellaneous

Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

Author

Steven Tey (@steventey)

precedent