Next.jsReact启动器

TNT-boilerplate — Next.js 启动器模板

作者 arviinmo

TNT-boilerplate 是一个基于 Next.js 与 React 的启动器模板，集成 TypeScript、Tailwind CSS、ESLint 和 Prettier 配置。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

基于 Next.js 与 React 的启动器模板

使用 TypeScript 编写

集成 Tailwind CSS 样式方案

包含自定义 ESLint 与 Prettier 配置

采用 MIT 许可，允许商用与分发

提供 Vercel 演示站点与 GitHub 模板创建方式

模板详细介绍

TNT-boilerplate 是作者 arviinmo 发布在 GitHub 上的 Next.js 启动器模板，仓库描述为「TypeScript + Nextjs + Tailwind => TNT（外加 Prettier 与 ESLint 配置）」。README 说明该模板最初用于个人项目，之后公开供其他开发者使用。

模板整合了 Next.js、TypeScript、Tailwind CSS、ESLint 与 Prettier，并提供了自定义的 ESLint + Prettier 配置，用于代码结构规范与减少错误。仓库同时给出 Vercel 演示地址，说明其部署方式与 Vercel 相关。

需要注意，模板本身不包含业务功能，具体页面与组件结构需以仓库实际代码为准；演示图片、字体、图标等第三方素材的许可需单独核对，域名、托管等外部服务也可能产生费用。

Next.jsReact启动器

适合你的项目吗？

适用场景

需要快速搭建 Next.js + TypeScript 项目骨架时
希望项目默认带有 Tailwind CSS 与代码规范配置时
通过 GitHub 模板功能生成新仓库并开始开发时

适合人群

使用 Next.js 与 React 的前端开发者
偏好 TypeScript 与 Tailwind CSS 技术栈的团队
需要 ESLint 与 Prettier 预配置以减少代码风格争议的项目

上手与定制指南

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

1
克隆仓库：git clone https://github.com/arviinmo/TNT-boilerplate.git
2
进入目录后执行 yarn 安装依赖，再执行 yarn dev 启动开发环境
3
也可通过 GitHub「从模板创建仓库」功能生成新项目
4
使用前请核对演示图片、字体、图标等第三方素材的许可
5
MIT 许可要求分发代码副本或实质性部分时保留原作者版权声明与完整许可声明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

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

https://github.com/arviinmo/TNT-boilerplate/blob/main/LICENSE https://github.com/arviinmo/TNT-boilerplate/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2023-01-09
截图检查日期: 2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 58ed2a6549f29073ca2259460061a231574475b8ff2be3d57d6f8627db6dc90a

2026-10-03T21:04:50.994Z

来源文件 / 仓库

# Bye bye next boilerplate, welcome to [TNT](https://github.com/arviinmo/TNT-boilerplate)!

<img align="center" width="1000" height="500" src="https://repository-images.githubusercontent.com/515960347/469114f0-7051-4647-aeae-c9475c2c2cc7" />
<br>

## About
This is TNT, Nextjs boilerplate powered by Typescript, Tailwind. This template also has customized ESLint + Prettier configuration for better code structuring and lesser bugs and errors. This template first was created for personal uses but then made public by the [author](https://github.com/arviinmo) to be used by other developers around the world.

## been used in TNT:
- [Next.js](https://nextjs.org/)
- [TypeSript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [Vercel](https://vercel.com)

## Running Locally

```bash
$ git clone https://github.com/arviinmo/TNT-boilerplate.git
$ cd TNT-bilerplate
$ yarn
$ yarn dev
```
**or**
<br>
use this guide to get started with TNT:
[Creating a repository from a template](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)

**License**
<br>
[MIT License](https://github.com/arviinmo/TNT-boilerplate/blob/main/LICENSE)

反馈内容错误