- 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 轻量版
- 大文件切片上传 通过file.slice将大文件chunks切成许多个大小相等的chunk 使用Range实现网络文件下载的断点续传
- 前端工程化 Jenkins
- 图片压缩上传 纯前端实现 JPG 图片压缩 | canvas - 掘金
- JS调用摄像头 一个 API,带你打开前端摄像头之门🥳 - 掘金
这些第三方依赖不用,因为有自带的
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
全局安装n: npm install -g n
安装最新稳定版 node: n stable
安装最新版本 node: n latest
安装某个具体node版本: n 14.16.1
删除某个版本: n rm 14.16.1
查看安装路径: n which 14.16.1
切换版本: 输入n回车 出现node版本列表,上下键移动选择切换的版本后回车(切换非n安装的node版本会报错,删掉,使用n安装即可)
以指定的版本来执行脚本: n use 14.16.1 test.js
查看已经安装的版本: n ls
查看服务器上所有可用的版本: n ls-remote --all
- CSS 奇技淫巧
- CSS 的灵感
- 重拾 CSS 伪类选择器 nth-of-type, nth-child
- 更强大的 :nth-child 选择器
.cc:nth-child(2 of .cc) {}
.cc:not(.cc ~ .cc) {}
Open https://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.