本文记录实战中搭建 NextJS 项目的所有流程, 整篇文章篇幅较长, 文章内容包括但不限于: NextJS 以及相关命令简介、项目初始化、pnpm 引入、NextUI 安装及配置....

使用Next.js+NotionAPI数据库开发一个全栈项目🚩前端知识非常琐碎，所以想把前端知识点汇总到一起，于是有了这个项目

一、前置 详见文档：Upgrading: Version 13 | Next.js (nextjs.org) 检查node版本 使用nvm切换node版本 最低node版本——v16.8 切换 git

特点 要求 Node.js 16.8+ 支持两种路由：Pages Router 和 App Router，官方推荐后者 支持 JS、JSX、TS、TSX，官方推荐 TS 和 TSX 支持 Server

前端开发已经5年多了，这5年期间主要都是在做后台管理系统，目前主导研发公司的低代码平台。这些年积攒了一些后台管理系统和低代码开发心得，现在想通过从零开始做一个后台管理系统向大家分享这些经验和心得。

Nextjs是一个使用react作为前端框架底层的支持SSR(请求时渲染)、SSG(构建时渲染)等技术的全栈框架，在2022年的服务端框架中排名第一。

相信你或多或少都听说过next.js这个框架吧，它是基于react的SSR框架，本篇文章会带着你用nextjs，搭建一个个人博客，在这篇文章中你可以快速入门next.js，了解到它的基本用法。

本文不介绍 React Query 的各种 API 和用法， 只从一个最基础的例子，认识它的原理和思想，以提高代码设计能力。

在本文中，我将分享我的方法，通过掘金 API 打造个性博客，只要在掘金发表文章，就会自动同步到自己的博客中。