Next.jsReact启动器

next-tw — Next.js 启动器模板

作者 pr4j3sh

next-tw 是一个通过 @pr4j3sh/frames 脚手架创建的 Next.js + Tailwind CSS 模板，README 说明其包含路由、明暗主题、Icones 图标支持、预置样式组件、响应式布局和 SEO 友好等特性。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

通过 @pr4j3sh/frames 脚手架创建项目，命令为 npm create @pr4j3sh/frames@latest next-tw myapp

包含路由功能

支持明暗主题模式

通过 Icones 提供 SVG 图标支持

提供预置样式组件

README 称其完全响应式且对 SEO 友好

模板详细介绍

next-tw 是一个 Next.js 与 Tailwind CSS 组合的网站模板，托管在 GitHub 的 pr4j3sh/next-tw 仓库。README 说明该模板包含路由、明暗主题模式、基于 Icones 的 SVG 图标支持、预置样式组件，并称其完全响应式且对 SEO 友好。

使用方式是通过 npm 包 @pr4j3sh/frames 创建项目，命令为 npm create @pr4j3sh/frames@latest next-tw myapp，其中 myapp 可替换为自定义项目名；随后运行 npm run dev 启动开发环境。部署方面，README 仅建议使用 Vercel。

README 未提供具体依赖版本、目录结构、组件清单、主题切换实现方式、SEO 配置细节或生产构建步骤，这些内容需查阅仓库与相关文档确认。

Next.js启动器

适合你的项目吗？

适用场景

使用 Next.js 与 Tailwind CSS 搭建新网站项目
需要明暗主题切换的站点
需要 SVG 图标支持的界面开发
希望借助预置样式组件快速起步的前端项目

适合人群

使用 Next.js 和 Tailwind CSS 的开发者
需要明暗主题与图标支持的网站项目
希望通过脚手架快速创建项目结构的团队

上手与定制指南

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

1
使用 npm create @pr4j3sh/frames@latest next-tw myapp 创建项目，myapp 可替换为自定义名称
2
创建后运行 npm run dev 启动开发环境
3
README 建议使用 Vercel 进行部署
4
README 未提供依赖版本、目录结构或生产构建的具体说明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

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

https://github.com/pr4j3sh/next-tw/blob/master/LICENSE https://github.com/pr4j3sh/next-tw/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-08-04
截图检查日期: 2026-10-14

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 92746363144f68a41514749e54a11302196621760a95d746fa05e81177629ec8

2026-10-14T07:27:32.600Z

来源文件 / 仓库

# NextJs + Tailwind

This is NextJs + Tailwind CSS template with router, dark/light theme mode, svg icons support with Icones, pre-styled components, fully responsive and SEO friendly.

## Getting Started

- Use this template via `@pr4j3sh/frames` npm package:

```bash
npm create @pr4j3sh/frames@latest next-tw myapp
```

> You can replace `myapp` with the desired name of your choice.

- Run using `dev`:

```bash
npm run dev
```

## Deploy

- Use [vercel](https://vercel.com/) for deployment.

## Read More

Here are some useful documentation links:

- [Next Documentation](https://nextjs.org/)
- [TailwindCSS Documentation](https://tailwindcss.com/docs/utility-first)
- [Iconer](https://icones.js.org/)
- [@pr4j3sh/frames](https://github.com/pr4j3sh/frames/)

反馈内容错误