最强 hello world！

今天给大家推荐一个最强的 demo，让你在用尽可能少的代码学到尽可能多的东西 -- realworld。目前在 github 上标星74.2K+。

项目简介

realworld 是一个名称 Conduit 的社交博客网站，可以注册、发布文章、评论以及对账户进行管理，包含了web中常见的业务，例如增删改查、列表、登录鉴权等等。

我们可以按照 RealWorld 提供的API规范，通过任何前端语言和任何后端语言来实现网站的功能。

我们在 RealWorld Example Apps(https://codebase.show/projects/realworld) 找到现在已经公开的 realworld 不同版本实现（比如 React + redux、vue3 + vite、java、go 等等）

项目功能

我这里主要介绍下网站的功能，更多细节小伙伴们自己去探索。

1、首页

分为左侧的 文章列表 和右侧的 热门标签。

2、文章详情页

可以可以点赞文章或关注用户。

3、新增或修改文章

页面包含一个 form 表单，分别填写标题、简介、正文和标签。

4、登录注册

项目使用

开发前端页面

realworld 提供了前端路由示例，可以按其定义你的页面路由。

后端服务通过以下方式实现:

• 本地运行官方的后端实现：在此处找到 GitHub 存储库。
• 官方提供了公共托管 API : https://api.realworld.io/api

开发后端接口

realworld 提供了一套 API 接口，我们只需要按照这套标准开发即可。可以用 Swagger Editor 打开官方提供的 swagger.json(https://github.com/gothinkster/realworld/blob/main/apps/swagger/src/assets/swagger.json)，可以看到接口规范。

项目地址

https://github.com/gothinkster/realworld
https://realworld-docs.netlify.app/docs/intro

总结

realworld 为我们提供了一个比较全网站demo，我们在学习新技术时候，按照官方的API规范，实现前端页面或者后端接口。感兴趣的小伙伴赶快去试试吧~