产品管理峰会网站

Datadog产品管理峰会2026的内部活动网站,包含议程、演讲者信息、问答系统和互动游戏商店。

  • by maxiddog
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 maxiddog/datadog-swag-game

使用说明

数据狗项目管理峰会2026

2026年巴黎Datadog产品管理峰会的内部活动网站。

现场: https://www.pm-summit.xyz

项目结构

pm-summit-2026/
├── landing-page/          # Main summit website (static HTML)
│   ├── index.html         # Homepage with auth, agenda, speakers, Q&A, FAQ
│   ├── images/            # Speaker photos, logos, assets
│   ├── *.mp4              # Video content
│   ├── package.json
│   └── vercel.json
│
└── game/                  # Game tab - React swag store (embedded via iframe)
    ├── src/
    │   ├── App.jsx        # Main store application
    │   ├── components/    # Cart, Checkout, ProductCard, etc.
    │   └── *.css
    ├── public/images/     # Product images
    ├── package.json
    └── vite.config.js

特性

  • 谷歌SSO -只有@datadoghq.com帐户可以访问
  • 演讲者阵容 -所有峰会演讲者的照片和简历
  • 互动议程 -第1天和第2天的日程安排,包括会议详情
  • 问答系统 -在会议之前/期间向发言者提交问题
  • 游戏选项卡 -互动礼品店订购峰会商品
  • 物流与常见问题 -旅行信息、场地详情、常见问题

技术栈

  • 登录页面: 带有CSS动画的普通HTML/CSS/JS
  • 游戏: React+Vite+帧运动
  • 身份验证: 谷歌OAuth(仅限于@datadoghq.com)
  • 部署: 维塞尔
  • 分析: Vercel分析+数据狗RUM

部署

登录页面(主网站)

cd landing-page
vercel --prod

Vercel项目: pm-summit-2026
域名: www.pm-summit.xyz

游戏(Swag商店)

cd game
npm install
npm run build
vercel --prod

Vercel项目: pm-summit-game

本地开发

# Landing page (static)
cd landing-page
npx serve .

# Game (React)
cd game
npm install
npm run dev

环境变量

游戏(可选)

VITE_DD_APP_ID=your-datadog-app-id
VITE_DD_CLIENT_TOKEN=your-datadog-client-token