简介

功能规划

我们主要实现一个 Web3 版本的酒店民宿租赁平台，主要功能点如下：

• 用户 X 登录，并绑定钱包
  • 查询钱包余额
• 平台以 $BST 作为付费代币 (RWA-Wallet.com 平台定义的一种 ERC20 代币，和USDC 自动互换)
• 民宿管理员可以新增民宿，需付费 10 $BST
• 民宿管理员可以设置
  • 价格
  • 图片
  • 状态（可用日期）
• 用户可以查看民宿列表
• 用户可以查看民宿详情
• 用户可以在民宿详情页面租赁民宿
• 民宿管理员可以 withdraw 收益

项目设计

我们是基于 nuxt-web3-layer 来开发的，这个是一个 nuxt 的 layer，我多次反复开发新的 idea 时，逐步积累的一个 web3 通用 nuxt3 layer，可以帮助你快速开发工业级的 web3 应用。这个 layer 的详细介绍就不放在这里，这里主要介绍下我们这个项目相关的部分。

• 基于 Nuxt 3 开发, 且使用了 future 的 compatibilityVersion 4
• 使用 @nuxtjs/supabase 模块，实现数据存储及 X 登录
• 使用 @pinia/nuxt 模块，实现前端的状态数据
• 使用 @nuxtjs/i18n 模块，实现多语言
• 使用 @vue-macros/nuxt 模块，实现更多宏功能
• 使用 nuxt-lodash 模块，实现 lodash 库
• 使用 nuxt-gtag 模块，实现 Google 分析

项目初始化

git clone --depth=1 git@github.com:Web3-FullStack/nuxt-web3-layer-starter.git
git clone --depth=1 git@github.com:Web3-FullStack/nuxt-web3-layer.git