VetBO 的中英文双语企业官网,使用 Next.js App Router、React、TypeScript 与 Tailwind CSS 构建。
/zh与/en独立语言路由及对应页面切换- 首页、关于、服务、行业解决方案、专家网络、国际合作、洞察与联系页面
- 三篇明确标记为“示例内容”的文章及文章详情模板
- 响应式导航、移动菜单、CTA 和联系表单前端验证
- 联系表单前端验证(GitHub Pages 静态版本不会发送或保存数据)
- 页面 Metadata、Open Graph、canonical、hreflang、Sitemap、Robots
- Organization 与 Article 结构化数据
要求 Node.js 18.17 或更高版本,推荐 Node.js 20 LTS。
npm install
cp .env.example .env.local
npm run dev打开 http://localhost:3000,根路径会跳转到中文首页。
生产构建:
npm run typecheck
npm run build
npm start- 将
NEXT_PUBLIC_SITE_URL设置为最终正式域名。 - 补充经法律审核的隐私政策,并把联系表单连接到获批的邮件、CRM 或表单服务。
- 在接入真实后端时增加速率限制、反垃圾机制、数据保留政策和监控。
- 正式发布洞察文章前,替换示例内容并完成作者署名、专业审阅与事实核查。
- 将仓库推送到 GitHub(不要在代码或聊天中提交访问令牌)。
- 在 Vercel 中选择 Add New → Project 并导入仓库。
- Framework Preset 选择 Next.js;Build Command 使用
npm run build。 - 添加环境变量
NEXT_PUBLIC_SITE_URL=https://你的正式域名。 - 部署后绑定域名,并重新部署以确保 canonical、sitemap 和结构化数据使用正式域名。
网站当前使用静态导出,可通过以下命令生成 GitHub Pages 版本:
npm run build:pages输出位于 out/。正式站点使用仓库的 gh-pages 分支发布,网址为:
https://vetbo-global.github.io/vetbo/
- 全站双语文案:
lib/i18n.ts - 洞察示例数据:
lib/content.ts - 联系表单组件:
components/ContactForm.tsx
VetBO 是专业咨询与资源整合平台,不应被描述为宠物医院、兽药销售平台、培训机构或传统 CRO。任何新增内容均不得虚构专家、客户、案例、合作机构或资质。