预置 Shadcn/ui 组件与 Tailwind CSS 样式方案
nextjs-starter — Next.js 启动器模板
作者 jaredthejellyfish
基于 Next.js 的启动器模板,预置 Shadcn/ui、React Query、Zustand、Tailwind CSS、TypeScript、ESLint 与 Prettier,采用 MIT 许可。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
集成 React Query 处理服务端状态,Zustand 处理客户端状态
使用 TypeScript 编写,并配置 ESLint 与 Prettier 统一代码风格
内置 Lucide 图标库
提供开发、构建、启动与 lint 的 bun 脚本
采用 MIT 许可,仓库含标准许可文件
模板详细介绍
这是一个 Next.js 启动器模板,仓库中已配置好一组常用工具,用于搭建 Web 应用的基础工程。按 README 说明,模板集成了 Shadcn/ui 组件、React Query 服务端状态管理、Zustand 客户端状态管理、Tailwind CSS 样式方案、TypeScript、ESLint 与 Prettier,以及 Lucide 图标。
使用方式为克隆仓库后安装依赖并启动开发服务器,README 给出的命令基于 bun(bun install、bun run dev、bun run build、bun start、bun run lint),并注明需要 Node.js 14 或以上版本。生产构建与启动同样通过 bun 脚本完成。
许可方面,仓库包含标准 MIT 许可文件,允许免费使用、修改、商用与分发该版本代码,分发时需保留版权声明与许可声明;代码按现状提供。演示图片、字体、图标等第三方素材以及域名、托管、数据库等外部服务需另行核对各自许可与费用。模板未提供具体业务页面或数据层实现,需自行补充。
适合你的项目吗?
适用场景
- 需要快速搭建 Next.js 项目基础工程结构
- 希望在新项目中直接使用 Shadcn/ui 与 Tailwind CSS
- 需要同时管理服务端数据缓存与客户端全局状态的项目
- 团队要求统一的 TypeScript 类型检查与 ESLint、Prettier 代码规范
适合人群
- 熟悉 Next.js 与 React 生态的前端开发者
- 希望以 bun 作为包管理器与脚本运行工具的项目
- 需要 MIT 许可、可自由修改与商用的项目
- 准备在既有工具链上继续添加业务代码的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
需先安装 Node.js 14 或以上版本
- 2
克隆仓库后执行 bun install 安装依赖
- 3
使用 bun run dev 启动开发服务器,默认访问 http://localhost:3000
- 4
生产构建使用 bun run build,启动使用 bun start
- 5
代码检查使用 bun run lint;第三方素材与外部服务需自行核对许可与费用
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/jaredthejellyfish/nextjs-starter/blob/main/LICENSE.mdhttps://github.com/jaredthejellyfish/nextjs-starter/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 65 / 100
- 技术栈
- Next.js · React
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-05-15
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-04
查看当时使用的来源资料
SHA-256: 31af736f4096e09741961d2e5dbde21071719ac4367372d76a3daa5f8688942b
2026-10-03T19:54:46.232Z
来源文件 / 仓库# Next.js Starter This is a robust Next.js starter template configured with essential tools to kickstart a high-performance web application. It includes state management, styling, linting, and more, all set up and ready to go. ## Features - **Next.js**: The React framework for production. - **Shadcn/ui**: A collection of accessible, reusable, and customizable components. - **React Query**: Server state management for fetching, caching, and updating asynchronous data. - **Zustand**: A minimalistic state manager for React. - **Tailwind CSS**: A utility-first CSS framework for rapid UI development. - **TypeScript**: Strongly typed programming language that builds on JavaScript. - **ESLint & Prettier**: Code quality tools to enforce a consistent code style. - **Lucide Icons**: Beautifully crafted open source icons. ## Getting Started ### Prerequisites Ensure you have Node.js installed on your system. This project uses Node.js version 14 or above. ### Installation Clone the repository: ```bash git clone https://github.com/jaredthejellyfish/nextjs-starter.git cd nextjs-starter ``` Install the dependencies: ```bash bun install ``` ### Development To start the development server: ```bash bun run dev ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. ### Building for Production To build the application for production usage: ```bash bun run build ``` To start the production server: ```bash bun start ``` ## Scripts - `bun run dev` - Runs the development server. - `bun run build` - Builds the application for production. - `bun start` - Starts the production server. - `bun run lint` - Runs ESLint to catch syntax and logic errors. ## License Distributed under the MIT License. See `LICENSE` for more information. ## Acknowledgements - [Next.js](https://nextjs.org/) - [React Query](https://tanstack.com/query/v3) - [Zustand](https://github.com/pmndrs/zustand) - [Tailwind CSS](https://tailwindcss.com/) - [Lucide Icons](https://lucide.dev/) - [TypeScript](https://www.typescriptlang.org/) - [ESLint](https://eslint.org/) - [Prettier](https://prettier.io/) - [Shadcn/ui](https://ui.shadcn.com/docs) --- Happy coding! 🚀
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

ai-website-cloner-template
Clone any website with one command using AI coding agents
Next.js · 启动器

Next.js SaaS Starter
Next.js SaaS Starter 是 Next.js 官方维护的 SaaS 起点模板,定位介于学习资源和可直接部署的脚手架之间。
Next.js · SaaS

Next.js Commerce
Next.js Commerce 是 Vercel 团队维护的电商启动模板,基于 Next.js App Router 构建,采用服务端渲染、React Server Components、Server Actions …
Next.js · 电商

Next-js-Boilerplate
Next-js-Boilerplate 是一个面向 Next.js 16、Tailwind CSS 4 和 TypeScript 的启动器,核心定位是开发者体验优先。
Next.js · 启动器

tailwind-nextjs-starter-blog
tailwind-nextjs-starter-blog 是一个面向个人技术博客的 Next.js 与 Tailwind CSS 启动模板,其 v2 版本基于 App Router 与 React Server Comp…
Next.js · 博客

next-forge
Production-grade Turborepo template for Next.js apps.
Next.js · 启动器
