Next.js 全栈项目实践笔记

使用 Next.js 搭建 SSR 全栈 demo ,以及构建 SSG 纯静态博客,记录学习和使用笔记

10 篇文章

Next.js 集成 Prisma

2024-07-08

Prisma 对 Next.js 有很好的支持,直接通过 Prisma 提供初始化方法执行即可使用,比起其他 ORM ,配置简单,易于使用。

Next.js 使用 Next Auth 管理登录权限

2024-07-09

Next Auth 最新版已集成到 Auth.js ,可以很方便地集成账号登录、第三方登录等 Web 身份验证功能。

Next.js 数据获取与缓存

2024-07-08

尝试使用 fetch 方法以及直接查数据库数据,并使用缓存。

Next.js 实现前后端同构,了解服务端组件、Server Actions 及定义 HTTP 接口

2024-07-02

通过服务端组件、Server Actions 及定义 HTTP 接口等特性,使得网页访问或操作服务端数据变得非常容易,前后端同构,直截了当地提升效率。

Next.js 编写客户端组件,及导入 And Design 等第三方前端库

2024-07-02

编写用户交互组件,以及引用 And Design 等部分第三方前端组件,都需要写在客户端组件中。可在服务端组件中嵌套客户端组件结合使用。

Next.js 搭建项目框架与导航,了解 App 路由定义、跳转、布局与特殊页面

2024-07-02

搭建项目,实现了基础框架和头部导航,记录其中涉及的路由定义、路由状态与跳转、布局、特殊页面、Metadata 文件等知识点。公共布局、导航、404页面等代码使用 Ant Design 作为示例。

通过 Next.js 创建的默认文件学习 css 暗色主题实现

2024-07-01

直接使用脚手架创建 Next.js 项目,有些默认的样式效果,做了暗色主题的适配,正好是一个暗色主题实现的示范。

Next.js 接入百度统计

2024-06-17

百度统计的使用很方便,统计数据维度多,也支持单页应用。在此记录博客 (Next.js) 接入百度统计的方式。

博客升级到 Next.js 14 ,迁移到 app 路由,升级 SSG 模式

2024-06-10

对博客进行了 Next.js 14 升级,整个过程非常平滑,很小的改动就可以获取全部新特性。迁移到新的 app 目录,并对应升级 SSG 模式,使得代码更简洁。

使用 Next.js 的 pages 路由 SSG 方案,接管博客渲染层,实现纯静态+单页应用+预渲染效果

2022-08-14

视图层从 PHP 升级到 Next.js,开发体验和站点性能都得到了较大提升。