React+NestJS 全栈项目开发

3,464 阅读1分钟

图片

开发背景

主要是学习下 NestJS这个后端技术,以及复习下React这个框架

前言

本项目是基于 React Hook、TypeScript、Ant Design、React Markdown、Editor Lite、Mobx、NestJS、Typeorm 开发的个人博客。

适配了移动端,项目中有文章模块,标签模块,轮播图功能。文章模块新增了精选文章,选中后就会在首页轮播图展示。

项目功能

1、使用 react-dom 生成虚拟dom,JSX语法糖加程序的可读性

2、整个项目集成了 TypeScript

3、基于ant-design UI 设计界面

4、对所有图片请求都封装成了 Hooks

5、NestJS使用Entities实体来实现数据对象的操作

项目动图

一、标签编辑

图片

二、精选文章

图片

三、新增文章

图片

图片

四、账号登录

图片

五、移动端展示

图片

文件资源目录

1695362183434.png

1695362211767.png