unblockthechain/unblockthechain-web

**解除链锁** — 企业级 Web3 安全审计、智能合约保障与 RWA 代币化。 这是一个使用 [Next.js](https://nextjs.org/) 并结合 [shadcn/ui](https://ui.shadcn.com) 的项目，采用自定义主题。若要可视化自定义主题，请使用 [tweakcn](https://tweakcn.com)：在 [tweakcn.com/editor/theme](https://tweakcn.com/editor/theme) 进行设计，然后将导出的 CSS 变量复制到 `app/globals.css`（替换 `@layer base` 中的 `:root` 和 `.dark` 块）。 ## 快速开始 首先，运行开发服务器： ``` npm run dev # 或 yarn dev # 或 pnpm dev ``` 在浏览器中打开 [http://localhost:3000](http://localhost:3000) 查看效果。 ### 审计请求表单（通过 API 使用的 Typeform） 该站点首先从 **`lib/audit-form-url.ts`** 读取公共表单 URL，其次读取 **`NEXT_PUBLIC_AUDIT_FORM_URL`**，最后回退到 **#contact**。 **创建 Typeform 并将 URL 写入仓库（一次性操作）：** 1. 创建 [Typeform 个人访问令牌](https://admin.typeform.com/account#/section/tokens)（权限范围：创建表单）。 2. 运行： export TYPEFORM_ACCESS_TOKEN="tfp_..." npm run create:audit-form 3. 提交 **`lib/audit-form-url.ts`**（其中将包含 `https://form.typeform.com/to/...`）并部署。 或者，将任意公共表单 URL 直接粘贴到 **`.env.local`** 中作为 `NEXT_PUBLIC_AUDIT_FORM_URL`（例如 [Tally](https://tally.so)），并在 Netlify 的 **环境变量** 中添加相同配置。 你可以通过修改 `app/page.tsx` 来编辑页面，文件保存后会自动更新。 本项目使用 [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) 自动优化并加载 Google 字体 Inter。 ## 了解更多 要进一步了解 Next.js，请参考以下资源： - [Next.js 文档](https://nextjs.org/docs) — 了解 Next.js 的功能与 API。 - [Learn Next.js](https://nextjs.org/learn) — 交互式 Next.js 教程。 欢迎查阅 [Next.js GitHub 仓库](https://github.com/vercel/next.js/) — 欢迎反馈与贡献！ ## 部署（免费托管） 1. **创建 GitHub 仓库**（如果尚未拥有）：在 [github.com](https://github.com/new) 创建一个名为 `unblockthechain-web` 的仓库（或其他名称），然后在此文件夹中运行： git remote add origin https://github.com/YOUR_USERNAME/unblockthechain-web.git git push -u origin main 2. 将仓库连接到下方的 **Vercel** 或 **Netlify** 以获得免费托管。 ### 选项 1：Vercel（推荐用于 Next.js） 1. 访问 [vercel.com](https://vercel.com) 并使用 GitHub 登录。 2. 点击 **Add New** → **Project**，导入你的 **unblockthechain-web**（或你的仓库名称）。 3. 保持 **Build Command** 为 `npm run build`（或 `yarn build`），**Root Directory** 保持为空。 4. 如果使用 Sanity，请在 **Environment Variables** 中添加环境变量（如 `NEXT_PUBLIC_SANITY_PROJECT_ID`、`NEXT_PUBLIC_SANITY_DATASET`）。 5. 点击 **Deploy**。你将获得类似 `https://your-project.vercel.app` 的 URL。可以在项目设置中添自定义域名。 无需配置文件；Vercel 会自动检测 Next.js 项目。 ### 选项 2：Netlify 1. 访问 [netlify.com](https://www.netlify.com) 并使用 GitHub 登录。 2. 点击 **Add new site** → **Import an existing project** → **GitHub**，选择你的仓库。 3. **Build command：** `npm run build`（或 `yarn build`）。**Publish directory：** 保持默认（`netlify.toml` 和 Next.js 插件会自动处理）。 4. 如需使用 Sanity，请在 **Site settings** → **Environment variables** 中添加环境变量。 5. 点击 **Deploy site**。你将获得类似 `https://random-name.netlify.app` 的 URL。可以在 **Domain management** 中管理自定义域名。 本仓库包含 `netlify.toml`，并使用 `@netlify/plugin-nextjs` 以在 Netlify 上支持 Next.js。 ### Netlify CLI — 检查部署状态 安装 CLI 并链接你的站点以查看状态并打开实时链接： ``` # 安装 Netlify CLI（全局） npm install -g netlify-cli # 或 yarn global add netlify-cli # 登录（弹出浏览器） netlify login # 将此文件夹链接到您的 Netlify 站点（使用 Netlify 仪表板中的站点 ID） netlify link # 检查部署状态并打开线上站点 netlify status netlify open:site ``` 从本机部署（可选；CI 已在推送时自动部署）： ``` npm run build netlify deploy --prod --dir=out ``` ### 添加站点到 Cloudflare（自定义域名 + DNS） 使用 Cloudflare 进行 DNS 解析，并在 Netlify 前添加代理： 1. **Netlify：** 在 [Netlify](https://app.netlify.com) → 你的站点 → **Domain management** → **Add custom domain** → 添加 `unblockthechain.com`（或你的域名）。记录下 **Netlify 子域名**（如 `random-name.netlify.app`）。 2. **Cloudflare：** 在 [Cloudflare Dashboard](https://dash.cloudflare.com) → 你的域名（或添加站点）→ **DNS** → **Records**： - 添加一条 **CNAME** 记录： - **Name：** `@`（根域名）或 `www`（用于 www） - **Target：** `YOUR-SITE-NAME.netlify.app`（来自 Netlify） - **Proxy status：** 启用 **Proxied**（橙色云）以获得 CDN 和 SSL，或选择仅 DNS（灰色）。 3. **Netlify SSL：** 在 Netlify → **Domain management** → **HTTPS** → **Verify DNS configuration**。一旦 CNAME 生效，Netlify 将签发证书。 4. **可选 — Cloudflare Pages：** 如果更倾向于使用 Cloudflare Pages 托管，请在 [Cloudflare Pages](https://dash.cloudflare.com/pages) 连接同一 GitHub 仓库，设置构建命令为 `npm run build`，输出目录为 `out`，然后在此处添加自定义域名。

标签：RWA代币化, shadcn/ui, Tokenization, Typeform API, Web3安全审计, Web3审计, 企业区块链安全, 企业级区块链, 区块链安全, 可审计代码, 安全开发生命周期, 数字资产安全, 智能合约保障, 智能合约审计, 环境变量配置, 自动化攻击, 自定义主题, 跨链安全