首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
nextJS入门教程(很水)
小喷友
创建于2025-07-17
订阅专栏
是一个适合初学者的 Next.js 入门到实战教程大纲,涵盖了基础、核心概念、进阶功能以及部署发布,适合有 HTML/CSS/JS 或 React 基础的开发者。
等 2 人订阅
共15篇文章
创建于2025-07-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
多租户 / SaaS 应用架构设计实战(Next.js + Prisma + Auth.js)
多租户 / SaaS 应用架构设计实战(Next.js + Prisma + Auth.js) 1. 项目核心技术栈 技术 作用 Next.js 前端与服务端渲染 Prisma 类型安全 ORM,操作
用 Next.js 构建企业级组件库
用 Next.js 构建企业级组件库 📌 第 1 部分:项目初始化与结构规划 ✅ 使用 create-next-app 初始化项目 ✅ 项目结构建议 📦 第 2 部分:开发基础组件 以 Button
Next.js 中的 Edge Middleware 实战
Next.js 中的 Edge Middleware 实战 🧠 1. 什么是 Edge Middleware? ✅ 运行位置:运行在边缘节点(Edge Network)上 ✅ 运行时环境:使用 Web
第 12 章:最佳实践与项目结构组织
# 第 12 章:最佳实践与项目结构组织 * * * ## 12.1 推荐的项目结构 Next.js 默认结构简洁,但项目增大后建议进行模块化管理: ```bash /project-root
第 11 章:测试与调试
第 11 章:测试与调试 11.1 测试策略概览 类型 工具推荐 测试目标 适用范围 单元测试 Jest 逻辑函数、API 方法 工具函数、状态管理 组件测试 React Testing Librar
第 10 章:部署与构建优化
第 10 章:部署与构建优化 10.1 构建与部署概览 Next.js 支持多种部署方式: 部署方式 是否推荐 说明 Vercel ✅ 官方推荐 支持 SSR、ISR、Edge Functions N
第 9 章:与数据库交互(Prisma + SQLite)
第 9 章:与数据库交互(Prisma + SQLite) 9.1 常见方案对比 方案 数据库类型 推荐程度 说明 Prisma 支持 MySQL / Postgres / SQLite 等 ⭐⭐⭐⭐
第 8 章:认证与授权(Authentication & Authorization)
第 8 章:认证与授权(Authentication & Authorization) 8.1 认证 vs 授权 认证(Authentication) :确认用户身份,比如是否已登录。 授权(Auth
第 7 章:中间件与 Edge Functions(进阶)
# 第 7 章:中间件与 Edge Functions(进阶) * * * ## 7.1 什么是 Middleware? Middleware 是 Next.js 13+ 引入的一项功能,运行在
第 6 章:API 路由(后端能力)
# 第 6 章:API 路由(后端能力) Next.js 不仅能渲染页面,还内置了 **API 路由功能**,可以在 `pages/api/` 目录中直接编写后端接口,支持处理请求、读写数据库、返回
第 5 章:静态资源与图片优化
第 5 章:静态资源与图片优化 在 Web 开发中,图片加载优化 是影响性能和体验的关键因素。Next.js 提供了多个工具用于处理静态资源与图片,极大提升了开发效率和页面性能。 5.1 使用 pub
第 4 章:页面组件与布局系统
第 4 章:页面组件与布局系统 4.1 页面布局的几种方式 Next.js 支持灵活的页面布局方式,常见有两种: ✅ 单一全局布局(所有页面使用同一套布局) 适合统一的页面结构,如固定的导航栏、侧边栏
第 3 章:数据获取方法(数据渲染)
第 3 章:数据获取方法(数据渲染) Next.js 支持三种主要的服务端数据获取方式,可以根据页面的需求选择合适的渲染策略: 静态生成(SSG) 服务端渲染(SSR) 增量静态生成(ISR) 此外,
第 2 章:页面与路由系统
⚙️ 第 2 章:页面与路由系统 Next.js 的路由系统是基于文件系统自动生成的,不需要引入第三方路由库(比如 react-router),大大简化了页面组织与跳转逻辑。 2.1 基于文件的路由机
第 1 章:Next.js 简介
第 1 章:Next.js 简介 1.1 什么是 Next.js? Next.js 是一个基于 React 的开源 Web 框架,由 Vercel 公司开发,旨在帮助开发者构建高性能的现代 Web 应