Remix + TypeScript 的预配置工程结构
RemixReact文档博客
remix-shadcn-docs — Remix 文档模板
作者 simonboisset
基于 Remix 与 Shadcn UI 的文档博客起步模板，内置多语言、Markdown 内容与 Tailwind 配置。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局，交互效果请以实际项目为准。 本截图因高度限制未包含整页。
采集于 2026-09-27查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
集成 Shadcn UI 组件与 Tailwind CSS
内置 i18n 多语言内容目录
文档系统支持按版本和语言组织
博客文章按语言分目录管理
README 声明已支持 React Router v7 与 Tailwind CSS v4
模板详细介绍
这是一个把文档系统和博客放在同一套 Remix 应用里的起步模板，UI 层使用 Shadcn 组件，样式走 Tailwind CSS，整体用 TypeScript 编写。内容不写死在路由里，而是集中在 app/contents 目录下，按 doc、blog、i18n 分开管理，新增文档版本、语言或文章时改动位置比较清晰。README 提到模板已支持 React Router v7 和 Tailwind CSS v4，说明它跟进的是较新的路由与样式方案。
适合需要同时承载产品文档和技术博客、并且有中英或多语言诉求的项目。模板自带响应式布局、SEO 相关配置和示例页面，可以直接作为内容站点的骨架，再按自己的信息架构替换示例内容。安装方式沿用 Remix 官方的 create-remix 命令，通过 --template 指向该仓库即可初始化。
需要注意，README 只描述了文档与博客的内容组织方式，没有说明是否接入评论、搜索、CMS 或真实后端接口，这些能力需要自行核对和补齐。仓库标注的 license 状态为 review，正式使用前应确认 LICENSE 文件与授权范围。
RemixReact文档博客
适合你的项目吗？
适用场景
- 搭建带多语言的产品文档站点
- 在同一项目中同时维护技术博客与文档
- 以 Remix 为基础快速起步的内容型网站
适合人群
- 熟悉 Remix 与 React 的前端开发者
- 需要文档与博客共用一套 UI 和路由的团队
- 希望用 Markdown 目录管理内容、不急于引入 CMS 的项目
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
通过 npx create-remix@latest --template simonboisset/remix-shadcn-docs 初始化项目
- 2
内容分别放在 app/contents/doc、app/contents/blog 和 app/contents/i18n 目录
- 3
Tailwind 配置位于 tailwind.config.ts，可按需调整
- 4
仓库 license 状态为 review，使用前需确认授权条款
- 5
README 未说明搜索、评论、CMS 或后端接口，上线前需自行核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可证明确允许免费使用、修改、分发和商用，仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 在所有副本或实质性部分中包含上述版权声明和许可声明
额外费用与待核对事项
- README未提供额外授权条款，无法确认演示素材或第三方资源授权
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
This project is licensed under the MIT License. See the LICENSE file for details.
README 原文
https://github.com/simonboisset/remix-shadcn-docs/blob/main/LICENSEhttps://github.com/simonboisset/remix-shadcn-docs/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 80 / 100
- 技术栈
- Remix · React
- 网站类型
- 文档 · 博客
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-02-02
- 截图检查日期
- 2026-09-07
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Remix。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
docs-starter
Remix starter for creating documentation websites with Hygraph
Remix · 文档
remix-vite-markdown-pwa
A RemixJS starter template focused on performance, offering dynamic content, optimized loading, and PWA featur…
Remix · 博客
remix-starter-contioreach
Remix v2 headless CMS blog starter — loaders, cached CMS reads with stale-while-revalidate and tag invalidatio…
Remix · 博客
tailwind-nextjs-starter-blog
tailwind-nextjs-starter-blog 是一个面向个人技术博客的 Next.js 与 Tailwind CSS 启动模板，其 v2 版本基于 App Router 与 React Server Comp…
Next.js · 博客
react-saas-template
🌊 Template for building an SaaS / admin website using React + Material-UI
React · 后台
Nextjs-tailwindcss-blog-template
⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn t…
Next.js · 博客