Next.jsReact启动器

supernext — Next.js 启动器模板

作者 tunderadev

supernext 是一个基于 Next.js 与 React 的启动器模板，集成 TypeScript、Chakra UI、Framer Motion、React Query、GraphQL、Prisma、ESLint、Prettier 与 Jest，采用 MIT 许可。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

基于 Next.js 与 React 的同构渲染启动器

使用 TypeScript 编写

UI 层集成 Chakra UI 与 Framer Motion

数据层包含 React Query v3、GraphQL、Prisma v2 与 Nexus GraphQL

内置 ESLint、Prettier、Jest 与 VSCode 调试配置

采用 MIT 许可，允许免费使用、修改、商用和分发

模板详细介绍

supernext 由 tunderadev 发布在 GitHub，定位为 Next.js 启动器模板，仓库描述为“Next.js starter template made for goats”。模板在 Next.js 之上提供同构 React 渲染，并使用 TypeScript 编写。UI 层采用 Chakra UI 与 Framer Motion，数据层包含 React Query v3、GraphQL、Prisma v2 与 Nexus GraphQL。工程配置方面包含 ESLint、Prettier、Jest 以及 VSCode 调试支持。README 说明其目标是为新项目提供工具与样板代码的基线，并列出多个作为参考或代码来源的开源项目。

使用方式上，README 给出的步骤为：克隆项目并进入目录，将 .env 复制为 .env.local 存放环境变量，执行 yarn install 或 npm install，然后运行 yarn dev 启动开发服务器。可用命令包括 yarn dev、yarn test、yarn lint 与 yarn format。

Next.jsReact启动器

适合你的项目吗？

适用场景

需要包含 TypeScript、Chakra UI 与 GraphQL/Prisma 数据层的 Next.js 新项目起点
希望复用 ESLint、Prettier、Jest 与 VSCode 调试等工程配置的项目
参考同构 React 渲染与 React Query 数据获取方式的开发场景

适合人群

熟悉 Next.js、React 与 TypeScript 的开发者
需要 GraphQL 与 Prisma 数据层样板代码的项目
希望以 MIT 许可代码为基础进行二次开发的团队

上手与定制指南

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

1
克隆项目并进入项目目录。
2
复制 .env 为 .env.local 以存放环境变量。
3
运行 yarn install 或 npm install 安装依赖。
4
运行 yarn dev 启动开发服务器。
5
可使用 yarn test、yarn lint、yarn format 分别执行测试、代码检查与格式化。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/tunderadev/supernext/blob/main/LICENSE https://github.com/tunderadev/supernext/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 73 / 100
技术栈: Next.js · React
网站类型: 启动器

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2023-12-15
截图检查日期: 2026-10-13

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: c55f2f63d62aacd086ad4d5eaa5294093392862747fa8b55f5d3126a9cd87479

2026-10-13T00:21:08.553Z

来源文件 / 仓库

<h1 align="center">tundera.dev</h1>

<p align="center">The undev space ☀️</p>

![goats](https://user-images.githubusercontent.com/61833561/104053556-b5b7a880-51a8-11eb-8530-bc10e78ab616.jpg)

### Features

- Isomorphic React via Next.js 🏆
- TypeScript ✅
- Chakra UI + Framer Motion 🚅
- React Query v3 + GraphQL
- Prisma v2 + Nexus GraphQL
- ESLint + Prettier 🎀
- Jest Testing Framework 👑
- Debugging (VSCode) 🔧

### Setup

1. Clone project and `cd` in the project directory.
2. Copy `.env` to a new file named `.env.local` to store environment variables.
3. Run `yarn install` or `npm install`.
4. Run `yarn dev` to start the development server.

### Commands

- `yarn dev`: Start development server
- `yarn test`: Run unit tests (Jest)
- `yarn lint`: Lint project (ESLint)
- `yarn format`: Format project files (Prettier)

### Credits

The goal of this template is to provide developers with a baseline of tools and boilerplate code for kicking off new projects. It builds on top of a lot of incredible open-source work from awesome contributors in our community. Several pieces of code in this template have been directly copy/pasted (or slightly modified for semantics/structure) from other popular GitHub projects. If you're interested in improving this template or would like to share your own contributions, please open a pull request or clone it and open-source a better version of it here on GitHub.

Please check out the following projects that served as a base for this one:

- [leerob.io](https://github.com/leerob/leerob.io)
- [next-mdx-remote official example](https://github.com/hashicorp/next-mdx-remote)
- [nirmalyaghosh.com](https://github.com/ghoshnirmalya/nirmalyaghosh.com)
- [chakraui-react-next.js-typescript-eslint-jest-starter](https://github.com/abhishekbhardwaj/chakraui-react-next.js-typescript-eslint-jest-starter)

Some notable open-source libraries and developer blog tutorials were were a big aid in creating this template. Check them out:

- [Bison App](https://github.com/echobind/bisonapp)
- [surabayajs.org](https://github.com/surabayajs/surabayajs.org)
- [chakra-templates](https://github.com/hauptrolle/chakra-templates)
- [hauptrolle.me](https://github.com/hauptrolle/hauptrolle.me)
- [Confetti Button](https://raptis.wtf/blog/gatsby-mdx-copy-code-button-with-confetti/)
- [MDX component mapping](https://richardhaines.dev/create-a-landing-page-with-next-and-mdx/)
- [ogzhanolguncu.com](https://github.com/ogzhanolguncu/ogzhanolguncu.com)

### Media Sources

- [Banner image](https://basketballforever.com/2019/03/07/the-key-points-of-difference-in-the-michael-jordan-lebron-james-goat-debate)

反馈内容错误