本文主要阐述了笔者在建立学校大创要求的前后端在线项目和个人博客时，所遇到的问题和解决方法。

1. 前后端在线项目

项目地址：https://github.com/NUAAteam/SAR （我知道是玩具）

1.1 后端

这里的后端主要采用flask，没有使用数据库，数据都在浏览器缓存。

1.2 前端

刚开始写，我没有用任何框架，就是原生三件套，刚开始还是看odin教程自学的，他们的教程很不错，我看了fundamentals和react，然后就开始写，写完fundamentals后，react就很简单了，基本上就是改改样式，然后写写交互。感觉是一种体力活。令我尤其印象深刻的是那个皮特拉绳子的动图，我觉得用魔方比喻也很形象，扭一下就会有很多错，但是错了很多之后再扭一下就对了。

1.3 前后端联调

这里直接就用的js的fetch，和后端联调的时候，后端用的是flask。

1.4 遇到的坑

国内的域名注册我没用，因为比较贵，而且我讨厌实名认证。去godaddy注册了一个，然后买了一个月腾讯服务器。但腾讯的服务器坑了我三个月服务费，其他大厂的在线服务，像谷歌，甲骨文，aws基本上都不能用或者是在大陆连接不了。最后我利用这个网站：https://vps789.com/vpsall/ 找了一个小厂的香港vps，70块钱一个月，应该够应付大创中期检查。

2. 个人博客：

地址：https://github.com/Ebotian/ebotian_blog

这回我用的是nextjs，用的是vercel的在线服务。要注意的是最好在本地生产环境跑通

npm run build

最好能有

npm run start

然后再部署。

2.1 遇到的坑

1. 刚开始npm run dev能跑通，但是npm run build会报错，这是因为自己的代码写得太烂了，很多隐式类型转换，类型检查报错，朝这个方向检查总能检查出点东西。
2. 其他也没什么好说的，写代码我主要靠cursor的ai，我确实是一天就用nextjs写完了整个博客，之前从没用过，从零开始。总结： 1. 写代码还是要用框架，不要自己手写，比如nextjs，react，vue，angular，还是有很多好处的，比如类型检查，自动生成路由表。 2. Claude Sonnet牛逼。