我们先完成博客的前端界面的制作，主要完成的功能就是用户的访问，文章列表和文章详情页面。因为 Blog 的前台需要 seo 操作，所以我们一定会选用Next.js框架来辅助我们开发。然后减少 CSS 和各种组件的重复开发，使用阿里的Ant Desgin来作为 UI 交互库。废话不多说，开始搭建开发环境了。
用create-next-app快速创建项目
create-next-app就是Next.js的脚手架工具，有了它可以直接一句命令就建立好项目目录和基本结构，省去了我们很多的麻烦。如果你没有使用过create-next-app，可以先进行全局安装，安装命令如下：
npm install -g create-next-app
先创建一个总的目录，因为我们的项目会分为三个大模块，所以需要一个顶层目录。 创建完成后，再进入目录。 安装完成后，进入你要建立项目的位置，使用npx来进行安装。
npx create-next-app blog
按回车，就会自动给我们进行安装项目需要的依赖，Next 相关的命令也会添加好。完成后进入目录就可以使用npm run dev来测试一下。
在浏览器中输入http://localhost:3000/,看到下面的内容，说明项目生产成功。
