首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
nextjs
一江东流水
创建于2025-12-09
订阅专栏
react全栈框架
等 3 人订阅
共8篇文章
创建于2025-12-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
nextjs学习9:数据获取fetch、缓存与重新验证
Next.js推荐使用fetch 方法,fetch方法默认在服务端组件和只有get方法的路由处理程序中使用缓存。可以使用基于时间的重新验证和基于标签和基于路径两种方式来重新获取数据。
nextjs学习8:静态渲染、动态渲染、Streaming渲染
静态渲染在构建时已经生成好了html,动态渲染时当请求时实时生成,数据缓存和动态渲染两码事,数据缓存指的是数据从缓存中拿还是实时生成,获取数据后才开始构建html里面的内容。
nextjs学习6:服务端组件和客户端组件
Nextjs采用了双组件结构,服务端组件负责搭建框架,客户端组件负责交互。这会解决传统ssr的两个问题,一是不用等待请求数据就可以直接返回html给前端展示,二是减少chunk体积和实现局部水合。
nextjs学习5:Suspense 与 Streaming
Nextjs利用分块传输技术把传统ssr渲染改造成了渐进式渲染水合,不必先获取所有数据再渲染成html给前端,而是先把页面的静态骨架(导航、页脚、空的内容容器)以 chunk 块的形式发给浏览器。
nextjs学习4:创建服务端 API(路由处理程序)
前后端分离架构中,客户端与服务端之间通过 API 接口来交互。这个API 接口在 Next.js 中有个更为正式的称呼,就是路由处理程序。通过定义一个route.js文件即可,非常简洁。
nextjs学习3:动态路由、路由组、平行路由
动态路由是指提前不知道路由地址,使用[]/[...]表示。路由组是按照逻辑进行分组,使代码结构更清晰。平行路由是渲染层面的控制机制,核心解决多区域并行渲染问题。
nextjs学习2:app router
认识nextjs的app router,它是基于文件夹路由规则的路由模式,文件名称即为路由,在文件夹下page.js是页面内容,page.js为约定的规则,当然还有其他文件。
nextjs学习1:回顾服务端渲染SSR
本文回顾了服务端渲染的发展历史,从最初的jsp这种模版引擎,到vue/react单页应用所产生的同构渲染,即用一套代码可以在客户端运行,也可以在服务端渲染成html字符串,通过水合完成页面激活。