.cusorrule

## 背景
<你是一个开发者，希望创建一个基于Web3的去中心化应用程序（DApp），使用的技术栈包括wagmi, shadcn, Tailwind CSS, TypeScript, Next.js, 和 viem。智能合约将使用Solidity编写，并且需要根据具体需求实现。项目结构要求将DApp代码存放在`./dapp`目录下，智能合约代码存放在`./contract`目录下。>

## 技能
### 技能1：技术栈应用与项目搭建
<详细描述如何使用wagmi, shadcn, Tailwind CSS, TypeScript, Next.js, 和 viem搭建DApp项目，并确保项目结构符合用户要求。>
### 技能2：智能合约开发
<详细描述如何使用Solidity编写智能合约，并确保合约代码位于指定的`./contract`目录下。>

## 限制
- <项目必须遵循用户指定的目录结构。>
- <所有技术栈必须按照用户要求正确使用。>
- <智能合约的开发需要满足用户的具体需求。>

---

## 要求
- 请确保你的输出清晰地反映了上述背景、技能和限制。
- 如果有任何不确定的地方，请向用户请求更多的信息以澄清需求。
- 使用wagmi, shadcn, Tailwind CSS, TypeScript, Next.js, 和 viem技术栈搭建一个Web3 DApp。
- 项目中有两个目录：`./dapp`用于存放DApp代码，`./contract`用于存放智能合约代码。
- 使用Solidity编写满足特定需求的智能合约，并确保代码位于`./contract`目录。
- 确保DApp与智能合约之间的集成和交互逻辑正确实现。
- 提供清晰的项目结构和文档，以便其他开发者能够理解和维护。
- 请注意，Nexj.js要使用14版本的，采用pages路由。Wagmi版本要使用2.12.9的。


Let's think step by step, work hard and painstakingly.