相关依赖

• React
• NextJS
• TypeScript
• AIGC - openai 豆包
• ThreeJS
• Web3.0 $ npm install --save @solana/web3.js
• Ant Design
• Magic UI
• NextUI
• tailwindcss
• 白嫖 - 图床
• npm i dotenv - next 自带环境切换
• ahooks
• Lodash
• Radash - Lodash 轻量版
• moment
• dayjs - moment 轻量版
• Docker

AIGC

• openai npm
• openai docs
• 传统经典编程与AIGC的融合

Crypto

• World Chain Developer
• World Coin Install

ThreeJS

• Threejs
• Threejs Demo
• Threejs 教程集合
• three.js 下雨特效（高级版本）

DEMO

• 大文件切片上传 通过file.slice将大文件chunks切成许多个大小相等的chunk 使用Range实现网络文件下载的断点续传
• 前端工程化 Jenkins
• 图片压缩上传 纯前端实现 JPG 图片压缩 | canvas - 掘金
• JS调用摄像头 一个 API,带你打开前端摄像头之门🥳 - 掘金
• Webpack常用优化手段

SEO

• next-sitemap
• next-seo
• Nextjs SEO Docs
• manifest.json

这些第三方依赖不用，因为有自带的
npm i next-sitemap
npm i next-seo

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

npm 换源

• 查看当前源 npm config get registry
• 更换淘宝源 npm config set registry https://registry.npmmirror.com/

使用 nrm 管理源

• 安装 nrm npm install nrm -g --save
• 查看源列表 nrm ls
• 切换淘宝源 nrm use taobao
• 源测速 nrm test taobao

node 版本管理 nvm

• nvm off // 禁用node.js版本管理(不卸载任何东西)
• nvm on // 启用node.js版本管理
• nvm install // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
• nvm uninstall // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
• nvm ls // 显示所有安装的node.js版本
• nvm list available // 显示可以安装的所有node.js的版本
• nvm use // 切换到使用指定的nodejs版本
• nvm v // 显示nvm版本
• nvm install stable // 安装最新稳定版

$ nvm use 16
Now using node v16.9.1 (npm v7.21.1)
$ node -v
v16.9.1
$ nvm use 14
Now using node v14.18.0 (npm v6.14.15)
$ node -v
v14.18.0
$ nvm install 12
Now using node v12.22.6 (npm v6.14.5)
$ node -v
v12.22.6

CSS

• Grid 布局
• CSS 奇技淫巧
• CSS 的灵感
• 重拾 CSS 伪类选择器 nth-of-type, nth-child
• 更强大的 :nth-child 选择器 .cc:nth-child(2 of .cc) {} .cc:not(.cc ~ .cc) {}
• CSS工具资源汇总

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.