技术栈
next.js
小满zs
3 天前
前端
·
next.js
Next.js第二十章(MDX)
MDX是一种将Markdown和React组件混合在一起的语法,它可以在Markdown中使用React组件,从而实现更复杂的页面。另外就是我们在编写技术文档或者博客的时候,配合SSG模式,更喜欢用Markdown来编写,MDX他正好将Markdown和React组件混合在一起,实在是方便至极。
小p
3 天前
next.js
nextjs学习6:服务端组件和客户端组件
服务端组件和客户端组件是 Next.js 中非常重要的概念。如果没有细致的了解过,你可能会简单的以为所谓服务端组件就是 SSR,客户端组件就是 CSR,服务端组件在服务端进行渲染,客户端组件在客户端进行渲染等等,实际上并非如此。
多啦C梦a
4 天前
前端
·
全栈
·
next.js
《双Token机制?》Next.js 双 Token 登录与无感刷新实战教程
在现代 Web 应用中,用户登录鉴权是前端开发必修课。尤其是在企业级项目中,我们常常面临这些问题:今天,我将结合 Next.js + Prisma + JWT + 双 Token 的实战经验,详细讲解如何实现一个 完整的安全登录系统。文章会从数据库设计、token 生成、前端中间件、无感刷新逻辑到面试加分点,全方位拆解,让小白也能读懂。
小p
4 天前
next.js
nextjs学习4:创建服务端 API(路由处理程序)
前后端分离架构中,客户端与服务端之间通过 API 接口来交互。这个API 接口在 Next.js 中有个更为正式的称呼,就是路由处理程序。
小p
4 天前
next.js
nextjs学习5:Suspense 与 Streaming
Suspense 是 Next.js 项目中常用的一个组件,了解其原理和背景有助于我们正确使用 Suspense 组件。
无敌暴龙战士通关前端
5 天前
react.js
·
next.js
3天速成 使用AI《从零开发一款 AI 面试作弊助手》一
最近技术圈充满了“前端已死”、“AI 取代程序员”的论调。焦虑是真实的,但大部分焦虑来自“看别人做”,而不是“自己做”。
小满zs
7 天前
前端
·
next.js
Next.js第十九章(服务器函数)
服务器函数指的是可以是服务器组件处理表单的提交,无需手动编写API接口,并且还支持数据的验证,以及状态管理等。
小p
8 天前
next.js
nextjs学习2:app router
本文是基于 nextjs v14 版本进行展示。最快捷的创建 Next.js 项目的方式是使用 create-next-app脚手架,你只需要运行:
小p
8 天前
next.js
nextjs学习3:动态路由、路由组、平行路由
有的时候,你并不能提前知道路由的地址,就比如根据 URL 中的 id 参数展示该 id 对应的文章内容,文章那么多,我们不可能一一定义路由,这个时候就需要用到动态路由。
ybc4652
9 天前
前端
·
安全
·
next.js
React、Next安全漏洞问题修复和自测
React 服务器组件中的关键安全漏洞通过升级版本和项目本身进行修复根据官方要求升级库版本下面列举nextjs的部分,更多参考官方文档
小满zs
10 天前
前端
·
next.js
Next.js第十八章(静态导出SSG)
Next.js 支持静态站点生成(SSG,Static Site Generation),可以在构建时预先生成所有页面的静态 HTML 文件。这种方式特别适合内容相对固定的站点,如官网、博客、文档等,能够提供最佳的性能和 SEO 表现。
白雾茫茫丶
10 天前
react.js
·
next.js
动态配色方案:在 Next.js 中实现 Shadcn UI 主题色切换
Hi,大家好,我是白雾茫茫丶!你是否厌倦了千篇一律的网站配色?想让你的 Next.js 应用拥有像 Figma 那样灵活的主题切换能力?在当今追求个性化和用户体验的时代,单一的配色方案早已无法满足用户多样化的审美需求。无论是适配品牌形象、响应节日氛围,还是提供用户自定义选项,动态主题色切换已成为现代 Web 应用的重要特性。
小满zs
12 天前
前端
·
next.js
Next.js第十七章(Script脚本)
Next.js允许我们使用Script组件去加载js脚本(外部/本地脚本),并且他还对Script组件进行优化。
小满zs
12 天前
前端
·
next.js
Next.js第十六章(font字体)
next/font模块,内置了字体优化功能,其目的是防止CLS布局偏移。font模块主要分为两部分,一部分是内置的Google Fonts字体,另一部分是本地字体。
前端程序猿之路
15 天前
前端
·
vue.js
·
语言模型
·
ai编程
·
入门
·
next.js
·
deepseek
Next.js 入门指南 - 从 Vue 角度的理解
关键区别:没有手动配置路由!Vue 示例 (views/Home.vue):Next.js 示例 (app/page.tsx):
白雾茫茫丶
16 天前
react.js
·
next.js
不只是作品集:用 Next.js 打造我的数字作品库
Hi,大家好,我是白雾茫茫丶!很久没和大家见面了,说来惭愧,自从AI成了“全能助手”,我这个“码字工”的笔就有点锈了——感觉很多技术问题,还没等我写完文章,AI三言两语就解释清楚了。少了点输出深度内容的动力,手也就慢慢懒了。