Next.jsReact启动器

nextjs-starter — Next.js 启动器模板

作者 jaredthejellyfish

基于 Next.js 的启动器模板,预置 Shadcn/ui、React Query、Zustand、Tailwind CSS、TypeScript、ESLint 与 Prettier,采用 MIT 许可。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

预置 Shadcn/ui 组件与 Tailwind CSS 样式方案

02

集成 React Query 处理服务端状态,Zustand 处理客户端状态

03

使用 TypeScript 编写,并配置 ESLint 与 Prettier 统一代码风格

04

内置 Lucide 图标库

05

提供开发、构建、启动与 lint 的 bun 脚本

06

采用 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启动器

适合你的项目吗?

适用场景

  • 需要快速搭建 Next.js 项目基础工程结构
  • 希望在新项目中直接使用 Shadcn/ui 与 Tailwind CSS
  • 需要同时管理服务端数据缓存与客户端全局状态的项目
  • 团队要求统一的 TypeScript 类型检查与 ESLint、Prettier 代码规范

适合人群

  • 熟悉 Next.js 与 React 生态的前端开发者
  • 希望以 bun 作为包管理器与脚本运行工具的项目
  • 需要 MIT 许可、可自由修改与商用的项目
  • 准备在既有工具链上继续添加业务代码的团队

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    需先安装 Node.js 14 或以上版本

  2. 2

    克隆仓库后执行 bun install 安装依赖

  3. 3

    使用 bun run dev 启动开发服务器,默认访问 http://localhost:3000

  4. 4

    生产构建使用 bun run build,启动使用 bun start

  5. 5

    代码检查使用 bun run lint;第三方素材与外部服务需自行核对许可与费用

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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! 🚀
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。