Next.js 全栈项目实践笔记
使用 Next.js 搭建 SSR 全栈 demo ，以及构建 SSG 纯静态博客，记录学习和使用笔记
共 10 篇文章
Next.js 集成 Prisma
2024-07-08
2024-07-08
Prisma 对 Next.js 有很好的支持，直接通过 Prisma 提供初始化方法执行即可使用，比起其他 ORM ，配置简单，易于使用。
Next.js 使用 Next Auth 管理登录权限
2024-07-09
2024-07-09
Next Auth 最新版已集成到 Auth.js ，可以很方便地集成账号登录、第三方登录等 Web 身份验证功能。
2024-07-02
通过服务端组件、Server Actions 及定义 HTTP 接口等特性，使得网页访问或操作服务端数据变得非常容易，前后端同构，直截了当地提升效率。
Next.js 编写客户端组件，及导入 And Design 等第三方前端库
2024-07-02
2024-07-02
编写用户交互组件，以及引用 And Design 等部分第三方前端组件，都需要写在客户端组件中。可在服务端组件中嵌套客户端组件结合使用。
Next.js 搭建项目框架与导航，了解 App 路由定义、跳转、布局与特殊页面
2024-07-02
2024-07-02
搭建项目，实现了基础框架和头部导航，记录其中涉及的路由定义、路由状态与跳转、布局、特殊页面、Metadata 文件等知识点。公共布局、导航、404页面等代码使用 Ant Design 作为示例。
通过 Next.js 创建的默认文件学习 css 暗色主题实现
2024-07-01
2024-07-01
直接使用脚手架创建 Next.js 项目，有些默认的样式效果，做了暗色主题的适配，正好是一个暗色主题实现的示范。
博客升级到 Next.js 14 ，迁移到 app 路由，升级 SSG 模式
2024-06-10
2024-06-10
对博客进行了 Next.js 14 升级，整个过程非常平滑，很小的改动就可以获取全部新特性。迁移到新的 app 目录，并对应升级 SSG 模式，使得代码更简洁。
2022-08-14
视图层从 PHP 升级到 Next.js，开发体验和站点性能都得到了较大提升。