Next.jsReact文档

docskit-free — Next.js 文档模板

作者 thekitbase

DocsKit Free 是 DocsKit 的 MIT 许可开源核心，一个基于 Next.js 的文档站点模板，包含 MDX 组件、侧边栏导航、自动目录和深浅色模式，可静态导出。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

整体预览

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

作者提供的预览

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

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

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

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

值得关注的模板亮点

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

MDX 内容支持 Callout、CodeBlock、Steps、Tabs 四种内置组件

侧边栏导航与自动生成的目录

深色/浅色模式，加载时无主题闪烁

静态导出，可部署到 Vercel、Netlify、Cloudflare Pages 或任意静态托管

TypeScript strict，无需管理 YAML/JSON 配置

MIT 许可，商用或个人使用均可，无需署名

模板详细介绍

DocsKit Free 是 DocsKit 的开源核心版本，采用 MIT 许可，提供一个可运行的 Next.js 文档站点模板。它使用 MDX 编写内容，内置 Callout、CodeBlock、Steps、Tabs 四种组件，并配有侧边栏导航与自动生成的目录。站点支持深色/浅色模式切换，加载时不会出现主题闪烁。

技术栈为 Next.js 16（App Router，静态导出）、React 19、TypeScript strict、Tailwind CSS v4，MDX 通过 next-mdx-remote 渲染。模板采用静态导出方式，可部署到 Vercel、Netlify、Cloudflare Pages 或任意静态托管。项目不使用 YAML/JSON 配置文件，内容直接写在 content/docs 下的 MDX 源文件中。

README 明确区分了免费版与付费的 DocsKit Pro（39 美元一次性买断）：免费版不包含语法高亮代码块（Shiki、多语言、文件名标签）、全文搜索（Pagefind 构建时索引）、完整的营销首页（hero、功能、定价、FAQ、用户评价）以及配置与 API 参考文档区块。仓库未对免费版做混淆或故意破坏，可直接对照 Pro 版本了解差异。

Next.js文档

适合你的项目吗？

适用场景

为开源项目或产品搭建基础文档站点
在本地或静态托管上快速启动一个 MDX 驱动的文档站
作为评估 DocsKit Pro 功能差异的对照版本
需要深浅色模式与侧边栏目录的轻量文档页面

适合人群

需要免费、MIT 许可文档模板的开发者
使用 Next.js 与 MDX 编写文档的团队
准备静态部署文档站、不想引入服务端依赖的项目

上手与定制指南

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

1
克隆仓库后执行 npm install，再用 npm run dev 启动开发服务器
2
首页位于 /，文档位于 /docs
3
完整安装、部署与自定义说明可在开发服务器中访问 /docs 查看，或直接阅读 content/docs 下的 MDX 源文件
4
README 提供 Vercel 一键部署按钮，也可自行部署到其他静态托管

查看仓库使用说明

授权与来源资料

使用条件与限制

待核对

尚未完成使用条件评估，请先查看原仓库许可证。

查看许可来源

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 74 / 100
技术栈: Next.js · React
网站类型: 文档

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-09-26
截图检查日期: 2026-09-26

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 7603a83c1dc6ac68978d5f2ee209ce392ff343d2b06542cc1c19cbd801902e9e

2026-09-26T18:19:15.045Z

来源文件 / 仓库

# DocsKit Free

The open-source core of [DocsKit](https://thekitbase.app/templates/docskit) - a Next.js documentation site template. This is the free, MIT-licensed version: a working docs site with real MDX components, dark/light mode, and a sidebar + table-of-contents layout. Not a crippled demo - genuinely usable as-is.

![DocsKit Free screenshot](.github/screenshot.png)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fthekitbase%2Fdocskit-free&project-name=docskit-free&repository-name=docskit-free)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)

## What's in the free version

- MDX content with `Callout`, `CodeBlock`, `Steps`, and `Tabs` components
- Sidebar navigation + auto-generated table of contents
- Dark and light mode, no flash on load
- Static export - deploy to Vercel, Netlify, Cloudflare Pages, or any static host
- TypeScript strict, no YAML/JSON config to manage

## What's in [DocsKit Pro](https://thekitbase.app/templates/docskit?utm_source=docskit-free&utm_medium=readme&utm_campaign=docskit) ($39, one-time)

The parts that take real time to get right:

- **Syntax-highlighted code blocks** - Shiki, 100+ languages, filename tabs
- **Full-text search** - Pagefind, indexed at build time, zero server cost
- **A complete marketing homepage** - hero, features, pricing, FAQ, testimonials
- **Configuration and API reference doc sections**
- Ongoing updates

Comparing this repo against the Pro version is the fastest way to see exactly what's different - nothing here is obfuscated or intentionally broken to force an upgrade.

## Quick start

```bash
git clone https://github.com/thekitbase/docskit-free.git my-docs
cd my-docs
npm install
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) (or whichever port your terminal shows). The homepage is at `/`, docs at `/docs`.

Full setup, deployment, and customization guide: run the dev server and visit `/docs`, or read the MDX source directly in [`content/docs/`](./content/docs).

## Tech stack

Next.js 16 (App Router, static export) · React 19 · TypeScript strict · Tailwind CSS v4 · MDX via `next-mdx-remote`

## License

MIT - see [LICENSE](./LICENSE). Use it for anything, commercial or personal, no attribution required (though a link back is always appreciated).

反馈内容错误