Next.jsReact启动器

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

作者 wottpal

基于 next-minimal-starter 的 Next.js 模板,使用 Bun 与完整 ESM,集成 Biome、Shadcn/ui、next-intl、Content Collections、T3 Env 等工具,并提供密码保护、主题切换、分析统计与 SEO 相关配置。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

使用 Bun 与完整 ESM 设置

02

Biome 负责 lint 与格式化,包含 Tailwind 类名排序,不支持的语言回退 Prettier

03

预装 Shadcn/ui 组件,并通过 Next Themes 支持主题切换

04

集成 Vercel Analytics 与 Posthog Analytics

05

提供简单的免费密码保护,以及基于 Content Collections 的动态 Markdown/MDX 页面

06

使用 next-intl 实现多语言与国际化,T3 Env 管理环境变量

模板详细介绍

这是一个有明确取舍的 Next.js 起始模板,README 说明其基于 next-minimal-starter,并列出已预配置的功能。项目使用 Bun 作为包管理器,采用完整 ESM 设置;代码检查与格式化由 Biome 负责,并包含 Tailwind 类名排序,对 Biome 不支持的语言回退到 Prettier。仓库预置了 GitHub Actions CI、nano-staged 与 simple-git-hooks 用于暂存文件检查。界面方面预装了 Shadcn/ui 组件,并借助 Next Themes 提供主题支持。功能层面包含 Vercel Analytics、Posthog Analytics、简单的免费密码保护、基于 Content Collections 的动态 Markdown/MDX 页面、基于 next-intl 的多语言与国际化,以及使用 T3 Env 的环境变量管理。SEO 方面提到元数据、动态 sitemap、JSON-LD 等配置,并说明支持 Next.js 最新的实验性特性(如 PPR)。README 未提供具体框架版本号、各功能模块的详细配置示例或生产环境表现说明,也未说明模板的适用规模或限制条件。

Next.js启动器

适合你的项目吗?

适用场景

  • 需要以 Bun 和 ESM 为基础快速启动 Next.js 项目
  • 希望预置 Shadcn/ui、主题切换、多语言与 Markdown/MDX 内容页面的项目
  • 需要集成 CI、暂存文件检查、分析统计与简单密码保护的站点
  • 需要 SEO 相关配置(元数据、动态 sitemap、JSON-LD)的 Next.js 应用

适合人群

  • 接受 README 所列技术选型并希望减少初始配置的开发者
  • 使用 Bun 作为包管理器的 Next.js 项目
  • 需要多语言、Markdown/MDX 内容与主题切换的站点
  • 希望使用 Shadcn/ui 组件并配置简单密码保护的站点

上手与定制指南

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

  1. 1

    需要 Node.js v22(推荐通过 nvm 安装)并安装 Bun

  2. 2

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

  3. 3

    复制 .env.local.example 为 .env.local 并填写环境变量

  4. 4

    可选:运行 bunx simple-git-hooks 启用 simple-git-hooks

  5. 5

    开发使用 bun run dev;构建与启动使用 bun run build 和 bun run start;自托管可构建并运行 Docker 容器

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 需要 Node.js v22(推荐通过 nvm 安装)才能进行开发与构建。
  • 需要安装 Bun 作为包管理器,项目基于 Bun 运行。
  • 需要复制 .env.local.example 为 .env.local 并填写环境变量,否则部分功能无法正常工作。
  • 集成 Vercel Analytics,使用该分析功能需依赖 Vercel 平台。
  • 集成 Posthog Analytics,使用该分析功能需依赖 PostHog 外部服务。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

> - Setup Node.js v22 (recommended via [nvm](https://github.com/nvm-sh/nvm))

README 原文

> - Install [Bun](https://bun.sh/)

README 原文

cp .env.local.example .env.local

README 原文

- 📊 Vercel Analytics

README 原文

- 🐶 Posthog Analytics

README 原文
https://github.com/wottpal/nextjs-starter/blob/main/LICENSEhttps://github.com/wottpal/nextjs-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-14。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 77 / 100
技术栈
Next.js · React
网站类型
启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-03-11
截图检查日期
2026-10-14

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15

查看当时使用的来源资料

SHA-256: 4205807988bc149e17dc8c2cd6e724af4c7c4f3283d0039473fcb9e01e5c1366

2026-10-14T01:49:31.171Z

来源文件 / 仓库
# Next.js Starter

> An opinionated Next.js template based on [next-minimal-starter](https://github.com/ixahmedxi/next-minimal-starter)

## Features

- 🥟 Uses Bun
- ⭐️ Full ESM setup
- ⚡️ Super fast linting & formatting with [Biome](https://biomejs.dev)
  - Including Tailwind class sorting
  - Fallback to Prettier for [unsupported languages](https://biomejs.dev/internals/language-support/)
- ✨ Pre-configured with GitHub Actions for CI
- 🪝 Lints staged files with [nano-staged](https://github.com/usmanyunusov/nano-staged) & [simple-git-hooks](https://github.com/toplenboren/simple-git-hooks)
- 💅 Pre-installed [Shadcn/ui](https://ui.shadcn.com/) components
- 🌚 Theming support with [Next Themes](https://github.com/pacocoursey/next-themes)
- 📊 Vercel Analytics
- 🐶 Posthog Analytics
- 🔒 Simple (free) Password Protection
- 📃 Dynamic Markdown/MDX Pages with [Content Collections](https://content-collections.vercel.app/)
- 🌎 Multilanguage & Internationalization with [next-intl](https://next-intl-docs.vercel.app/)
- 🔑 Environment Management with [T3 Env](https://env.t3.gg/)
- 🔍 SEO-optimized with Metadata, Dynamic Sitemap, JSON-LD, and more.
- 🧪 Supports latest Next.js experimental features (PPR, etc.)
<!-- - 📸 Dynamic Open Graph Images TODO -->

## Getting Started

> [!IMPORTANT]
>
> - Setup Node.js v22 (recommended via [nvm](https://github.com/nvm-sh/nvm))
> - Install [Bun](https://bun.sh/)
> - Clone this repository

```bash
# Install dependencies
bun install

# Copy & fill environments
cp .env.local.example .env.local

# Optional: Enable simple-git-hooks
bunx simple-git-hooks
```

## Development

> [!TIP]  
> Install all recommended VSCode workspace plugins listed in `.vscode/extensions.json`.

```bash
# Start development server
bun run dev

# Build production frontend & start server
bun run build
bun run start

# Update dependencies interactively
bun run update

# Install shadcn/ui component
bunx shadcn@latest add <component>
```

## Self-hosting

```bash
# Run the Docker container
docker build -t nextjs-starter . && docker run -p 3000:3000 nextjs-starter
```
反馈内容错误

看看同类模板

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