ReactPress Github项目地址：github.com/fecommunity… 欢迎Star。
前言
近期，阮一峰在科技爱好者周刊第 325 期中推荐了一款开源工具——ReactPress，ReactPress一个基于 Next.js 的博客和 CMS 系统，可查看 demo站点。（@fecommunity 投稿）
ReactPress：一款值得推荐的开源发布平台
在数字化时代，内容创作与发布已成为连接读者与作者的重要桥梁。而在这个过程中，一个高效、灵活且功能丰富的发布平台显得尤为重要。近期，阮一峰在科技爱好者周刊中推荐了一款开源工具——ReactPress，它凭借其出色的性能和多样化的功能，吸引了众多开发者和内容创作者的目光。
ReactPress是一个基于React开发的开源发布平台，它不仅支持用户搭建自己的博客和网站，还能作为内容管理系统（CMS）使用。这意味着，无论是个人博主、小型企业还是大型机构，都能通过ReactPress轻松实现内容的创作、编辑、发布与管理。
从技术栈来看，ReactPress融合了React、MySQL、NestJS和NextJS等前沿技术，确保了平台的稳定性和可扩展性。这种技术组合不仅提升了平台的性能，还为开发者提供了丰富的工具和资源，使得定制和优化变得更加容易。
在功能方面，ReactPress同样表现出色。它支持Markdown编辑器，让文章的撰写变得更加高效和便捷。同时，ReactPress还提供了文章分类、目录管理和标签管理等功能，使得内容的组织和检索变得更加有序和高效。此外，ReactPress还支持页面自定义、评论管理以及媒体管理等功能，进一步丰富了平台的使用场景和用户体验。
值得一提的是，ReactPress还具备国际化和主题切换等特性。它支持中文和英文的切换，并提供了黑白两种主题供用户选择。这种设计不仅满足了不同用户的个性化需求，还提升了平台的国际化水平，使得内容能够跨越语言和文化的界限，触达更广泛的受众。
此项目是基于 React + antd + NestJS + NextJS + MySQL 的，项目已经开源，项目地址在 github 上，喜欢的，欢迎给个 star 。 项目地址：github.com/fecommunity…
- 前台&管理后台展示: github.com/fecommunity…
- 后端：github.com/fecommunity…
- ReactPress在线演示站点：blog.gaoredu.com/
1. 效果图
1.1 前台展示
pc 端
移动端适配
管理后台
管理后台是在蚂蚁金服用户开源的 antd 5.0 基础上进行开发的。
2. 体验地址
网站首页：blog.gaoredu.com/ 管理后台：blog.gaoredu.com/admin
3. 计划
这次是一个完整的全栈式开发，只要部署了这个项目的代码，是完全可以搭建好博客网站的。
环境准备
$ git clone --depth=1 https://github.com/fecommnity/reactpress.git
$ cd reactpress
$ npm i -g pnpm
$ pnpm i
配置文件
项目启动后会加载根目录下的 .env 配置文件，请确保MySQL数据库服务和下面的配置保持一致，并提前创建好 reactpress 数据库
DB_HOST=127.0.0.1 // 数据库地址
DB_PORT=3306 // 端口
DB_USER=reactpress // 用户名
DB_PASSWD=reactpress // 密码
DB_DATABASE=reactpress // 数据库
环境准备好后，执行启动命令：
$ pnpm run dev
打开浏览器访问 http://127.0.0.1:3001
4. 收获与感触
学而不用，基本等于没学，因为最近一直在做自己的个人博客网站，所以好久没更新技术文章了；而且是利用业余时间做的，所以经过差不多两个月的搬砖，现在网站终于都上线了。 开发网站的这段时间里，每天晚上几乎都搬砖到接近 11 点，周末的时间大多也在搬砖，每天写完文章，也快 12 点了，搬砖不易啊，喜欢或者觉得不错的，欢迎到 github 上给个 star，谢谢。
5. 文档教程
- 项目地址： github.com/fecommunity…
- next.js 源码：github.com/vercel/next…
- nest.js 源码：github.com/nestjs/nest
- 阮一峰科技爱好者周刊（第 325 期）：www.ruanyifeng.com/blog/2024/1…
- ReactPress：github.com/fecommunity…
- ReactPress演示站点：blog.gaoredu.com/
