P201_InitFrontend_初始化前端代码

文档摘要

本节作者：@愚指导这一讲将会初始化前端代码，搭建起基本的 UI 框架，并做初步的技术分析。初始化前端代码我们将会继续基于 React + Next.js + TypeScript 来初始化我们的项目，并直接沿用在前面的课程中创建好的项目代码。如果你还没有创建项目，可以参考 01QuickStart 中的内容完成初始化。在 Wtfswap 的开发课程中，我们不会覆盖原有的代码，而是新建文件，作为 Wtfswap 的入口文件。请新建文件并初始化如下内容：执行后打开 http://localhost:3000/wtfswap 确认页面是否正常显示，如果可以看到字样，说明初始化成功。千里之行，始于足下。你已经完成了第一个步骤，离 Wtfswap 的实现又近了一步。