跳转到正文
多语言网站 · 内置身份认证

更轻的模板,更快的网站

diuu 为简单网站准备了多语言内容、暗色模式、SEO、测试,以及一条命令部署到 Cloudflare Workers。

在 GitHub 查看

React 19 · TanStack Start · Cloudflare Workers

简单网站,从这里开始刻意保持精简
1结构完整的落地页
2多语言内容
3亮色、暗色与跟随系统主题
4Google 与邮箱登录
pnpm deploy→ workers.dev

熟悉的技术栈,只留必要部分

开发和生产用的是同一套现代工具。每项依赖都对应用户看得见、用得上的功能。

React 19

采用现代组件模型,默认不额外引入应用状态框架。

TanStack Start

文件路由和服务端渲染,让简单网站加载更快,也更容易被搜索引擎收录。

Paraglide

类型安全的多语言文案和本地化 URL。

Cloudflare Workers

使用 D1、Drizzle ORM 和 Better Auth,实现全球部署与账户持久化。

网站增长后,项目结构依然清楚

路由负责页面,组件负责展示,语言文件存放文案,配置定义站点身份。没有模块注册表把这些关系藏起来。

部署

用 Vite 构建,再部署到 workers.dev 上的 Cloudflare Workers。

内容

每一条可见文案在每个支持的语言中都有对应的源文案。

组件

用于页面布局、主题和落地页的精简模块。

路由

中英文首页、登录、注册、账户页面及认证接口。

修改四个地方,就能变成你的网站

这个模板就是为了方便拆改而做的。产品身份和文案都放在固定位置,首页区块也不依赖任何后端状态。

  1. 1

    改名字

    更新网站核心配置,换上你的品牌资产。

  2. 2

    改文案

    在每个支持语言的源文案里,写下自己的产品故事。

  3. 3

    改结构

    调整或删减首页区块,再改主题变量。

  4. 4

    改域名

    网站准备好后,绑定自己的自定义域名。

项目动态

产品 · 技术 · 创造

写下想法,分享进展。

关于产品、技术与创造的记录。

逛逛博客

常见问题

它提供公开网站,以及基于 D1 和 Drizzle 的 Google 与邮箱/密码认证,不包含支付、对象存储、订阅邮件或管理后台。

简单的网站,
就应该对应简单的项目

从完整的简单网站开始,让代码保持容易理解,只添加网站真正需要的功能。

在 GitHub 查看