小闲话 - 一个碎碎念的地方,记录、探索、分享一些有意思的想法。

一个碎碎念的地方,记录、探索、分享一些有意思的想法。该网站使用Next.js和TypeScript构建,MongoDB作为数据库,使用Vercel进行部署。

Xiaoxianhua web development project image.
项目来源

个人项目

项目类型

Web前端开发

完成日期

2023/10/01-2023/10/13

主要技术

Next.js, TypeScript, MongoDB

项目简介

这是一个全栈 Next.js 项目,旨在提高我对于前后端交互、数据库操作和用户注册验证的技能。项目使用 MongoDB 存储用户数据和帖子信息,并进行数据存储、加密和验证。我还使用了 next-auth 工具来实现路由保护,以确保只有已登录的用户能够访问需要登录权限的页面。

通过实现搜索功能、标签筛选和个人主页功能,我更熟悉了前端和后端之间的数据交互逻辑。最后,为了方便托管,我将网站免费部署在 Vercel 平台上。

主要挑战

主要挑战是熟悉前后端交互及后端与数据库的交互。

网页截屏

Xiaoxianhua web development screenshot.Xiaoxianhua web development screenshot.Xiaoxianhua web development screenshot.Xiaoxianhua web development screenshot.

收获&总结

期间也因为MongoDB和next-auth的网络问题头疼,好在都一一慢慢的解决了。这次主要的收获是通过Next建立了一个简单的全栈网页应用,以及熟悉了基本的一些后端操作。