This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://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.
Next.js App Router + TypeScript + Mui
- husky: git commit, git push check
- .prettierrc
- scss
- theme dark/light
- Mui
- Mui theme system
- nprogress
- wagmi
- wagmi cli generate hooks
- web3modal
- web3modal theme
- wallet connect
- ethers: ^6.7.1
- notistack
- .env
- 通过 Github template 功能创建新的仓库
- 在项目根目录执行
./clearup.sh
该脚本会删除项目中的 demo 相关代码、文件,具体如下:
rm -rf src/demo
rm -rf src/components/demo
echo NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID= >> .env.local
通用设置在 src/config.ts
中
亮/暗主题未具体实现
切换系统亮/暗模式,会影响背景色、文字颜色,这个在 global.css
有相关设置
然后,可以通过 setSettings
设置 mode
这个控制的是 mui
的 light/dark