Next.jsReactHTML企业官网

tideline — Next.js 企业官网模板

作者 tailthemes

Tideline 是 tailthemes 出品的开源「即将上线」网站模板，基于 Next.js 15 与 Tailwind CSS v4，同时提供无需构建的纯 HTML 版本，MIT 许可，支持亮暗模式。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

整体预览

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

作者提供的预览

查看现有预览图，更多页面尚未采集。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

采集于 2026-09-17查看来源

值得关注的模板亮点

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

同时提供 Next.js 15 项目与无需构建的纯 HTML 静态版本

亮暗模式由根元素 class 切换，颜色全部来自 theme.css 中的 token

包含 6 条路由、25 个组件与 86 个设计 token

内置 4 个 agent 技能：add-page、add-section、check-quality、rebrand

自托管 Manrope、Martian Mono、Spectral 三款字体

MIT 许可，可用于商业项目，无需署名

模板详细介绍

Tideline 是一个面向产品发布前的「即将上线」网站模板，MIT 许可。它并非只有一个渐变背景加表单的落地页，而是一整套预发布站点：演示内容以一家 2027 年开业的海岸酒店为主题，包含 11 个房间及各自的建设阶段、带日期的建设日志、五封邮件序列的 HTML 排版，以及一页说明加入等待列表意味着什么、不意味着什么。

仓库同时提供两个版本：src/ 下的 Next.js 15 项目，以及 html/dist/ 中独立编写的静态站点，后者无需构建步骤即可运行。亮暗模式通过根元素上的一个 class 切换，两侧都是 src/theme.css 中的 token，没有需要同步维护的 dark: 工具类，也不会读取操作系统设置。

项目包含 6 条路由、25 个组件、86 个设计 token（每个都有暗色对应值）、6 个编译后的 HTML 页面、4 个位于 .claude/skills/ 的 agent 技能，以及自托管的 Manrope、Martian Mono 和 Spectral 三款字体。除 React 和 Next.js 外，仅依赖 lucide-react。

Next.jsReactHTML企业官网

适合你的项目吗？

适用场景

产品尚未有可演示内容时的预发布落地页
收集等待列表邮箱并说明加入含义的页面
以建设日志形式公开项目进度的站点
需要亮暗双模式的企业或品牌官网雏形
希望直接上传静态文件到托管平台的部署方式

适合人群

需要「即将上线」页面并附带等待列表的团队
偏好 Next.js 15 与 Tailwind CSS v4 的开发者
希望不引入构建工具、直接部署静态站点的使用者
需要以 token 统一调整品牌颜色的设计或前端人员

上手与定制指南

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

1
项目以 bun 为主：bun install 与 bun dev 后访问 http://localhost:3000
2
npm install 与 npm run dev 可用，但 build:html 和 preview:html 直接调用 bun，HTML 版本仍需安装 bun
3
HTML 版本源码为 html/src/ 下的 Nunjucks，编辑后运行 bun run build:html 与 bun run preview:html
4
仓库由官方源码生成，不接受 pull request，问题请以 issue 形式提交
5
字体以 SIL Open Font License 1.1 授权，需将许可文本与 .woff2 文件一同保留

查看仓库使用说明