如果你跟我一样，对 Next.js 还不是很熟，数据库配置也一头雾水，但又想快点搞个自己的网站上线，那哥飞开源的这套代码，真的值得你收藏。
这个网站目前有两个主要功能：资源导航 和 博客内容。
亮点：这个网站完全不依赖数据库！“无数据库 + 一键部署 + 能跑起来”的网站模板。真的，只要你有 Vercel 账号，一键部署，分分钟就能搞定一个带导航和博客功能的网站。
非常建议独立开发新手赶紧上手试试，快速建站必备！
Gitbase 是什么？
Gitbase(https://github.com/qiayue/GitBase) 是一个不需要数据库的开源内容管理系统，基于 Next.js 和 Tailwind CSS 开发。特点是：
-
免数据库，直接用 GitHub 储存数据
-
超轻量，一键部署到 Vercel
-
导航+博客+管理后台，全部打包好了
它的真正优势在于部署简单、成本低，未来还可以拓展 AI 接入，自动写内容、自动管理数据，想象空间特别大。
Gitbase 实现原理
前台展示：纯静态页面，加载速度满分！导航数据用json文件存储，文章直接读markdown
后台管理：在线编辑内容自动同步到Github，像用记事本一样简单
自动部署：内容改动后自动触发Vercel重新部署，全程无需手动操作
如何快速部署Gitbase
准备工作：
-
一个 Vercel 账号
-
一个 Github 账号
开始部署：
-
打开项目地址 GitHub 仓库
-
找到那个一键部署按钮，点“Deploy”
-
设置你的 Github 仓库名，点右下角“Create”
-
等一分钟左右，看到撒花动画就说明部署成功了
-
点右上角 “Continue to Dashboard”，进入 Vercel 项目管理后台
-
打开你的 Github，能看到你刚 fork 的代码仓库
此时，你的网站其实已经跑起来了，用 Vercel 分配的子域名就能访问。
配置后台登录
这部分稍微需要动点手：
去 Github 创建一个个人 Token，地址是：https://github.com/settings/tokens 创建个人 classic token 。
输入 token 名称，选择失效时间，勾选 repo ，然后点击页面底部的"Generate token"绿色按钮。
生成后复制保存（这个 token 不要泄露）
打开 Vercel 项目的 Settings 页面，添加环境变量
按照这篇教程来填：https://gitbase.app/posts/environment-variables
有 6 个环境变量要填好，DOMAIN 就写你目前的子域名
配置完环境变量后，需要重新部署一下
在 Vercel 项目页面点击 main 分支，然后点“Create Deployment”，就会重新部署了
登录后台 & 内容管理
打开你的网站，点右上角Login登录
看到管理界面就说明你已经成功进入后台啦！
你现在可以：
-
管理导航（资源）列表
-
写文章、改文章，操作都在后台搞定
如果文章列表是空的，点一下同步按钮就能刷新出来。
总结
如果你一直想做个站练练手，但又被技术门槛劝退过，不妨用这套代码试试看。真的适合所有想轻松上手建站的独立开发者，还在等什么？点击下面链接，马上拥有你的第一个网站吧！遇到问题欢迎留言，手把手帮你解决~
GitHub 开源地址： https://github.com/qiayue/GitBase
在线演示网站： https://gitbase.app/