Next.js
企业官网与电商平台适用的JavaScript前端模板精选

针对企业官网与电商平台不同的业务指标与交互特征,深度解析现代JavaScript/TypeScript前端模板的选型逻辑,甄选主流架构模板,并提供从二次开发、接口解耦到性能验收的落地实战指南。

10.30
热度 536
企业官网与电商平台适用的JavaScript前端模板精选
Next.js全栈开发怎么搭配数据库

深入讲解 Next.js 全栈开发中数据库的选型原则、架构模式、连接池避坑方案以及与 Prisma、Drizzle 等主流工具的完整搭配实践。

10.30
热度 291
Next.js全栈开发怎么搭配数据库
Next.js 服务器端渲染实战:getServerSideProps 详解与示例

本文深入解析 Next.js 中的 getServerSideProps 函数,阐述其如何通过服务器端预渲染生成静态 HTML,从而提升页面加载速度、优化搜索引擎抓取并允许使用服务端代码。通过包含随机事实 API 调用、查询参数处理及操作系统信息获取的完整代码示例,展示 SSR 的实际应用与客户端/服务端日志差异。

10.26
热度 261
Next.js 搭建 Monorepo 组件库文档实现详解

本文详解如何利用 Next.js 结合 pnpm 搭建 Monorepo 架构的组件库文档。通过集成 MDX 实现 Markdown 与 React 组件的动态渲染,利用 SWC 提升构建性能,并借助 changesets 自动化管理包版本与发布流程。

10.25
热度 656
Next.js getServerSideProps 源码实现深度解析

本文深入解析 Next.js 中 getServerSideProps 的源码实现。从 SSR 渲染入口 doRender 开始,追踪 renderToHTML 如何标记并执行 getServerSideProps。详细剖析 context 参数构建、notFound/redirect 校验、Promise 异步处理及 props 合并逻辑。同时探讨动态加载场景下,客户端通过 fetchNextData 请求 JSON 数据,服务端识别路径后复用 SSR 逻辑并抽离返回 props 的完整闭环。

10.25
热度 201
基于Next.js实现在线Excel:从环境搭建到组件集成

本文详解如何利用Next.js框架构建在线Excel应用。内容涵盖Node.js环境配置、Next.js项目初始化,以及通过npm安装SpreadJS依赖。重点讲解如何在React组件中集成在线表格编辑器与运行时,并针对Next.js的服务端渲染(SSR)特性,使用dynamic导入配置ssr: false以规避DOM操作错误,最终实现完整的在线表格编辑功能。

10.25
热度 205
Next.js 项目完整封装:从 SSR 配置到 Redux-Saga 实战

本文详细介绍 Next.js 项目的完整封装搭建流程,涵盖 Sass 样式、Axios 拦截器、Redux-Saga 中间件及模块化 Action/Reducer 配置。通过对比 SSR 与 CSR 效果,并提供 getServerSideProps、useEffect 异步请求等具体代码示例,帮助开发者快速构建支持 SEO 优化的生产级 Next.js 应用。

10.25
热度 370
TypeScript 配置路径别名(Alias)完整指南

本文详细介绍在 TypeScript 项目中配置路径别名的完整步骤。通过安装 babel-plugin-module-resolver 依赖,在 .babelrc 中定义别名映射,并在 tsconfig.json 中配置 paths 和 baseUrl,实现代码引用的简化。同时说明了 Next.js 项目的兼容性及常见报错解决方法。

10.23
热度 461
基于 Next.js 实现短链接服务的核心原理与开发指南

本文详解如何利用 Next.js 构建短链接服务。核心原理是将长网址存入数据库,通过自增 ID 转换为短字符串作为 Key。重点解析使用 10 进制转 62 进制生成唯一短码的方法,以及 Next.js 中通过动态路由 [[wp:a3]] 捕获参数并实现跳转的具体代码实现。

10.23
热度 281

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署