基于 Next.js 14 和 Tailwind CSS 构建的官方网站。
- ✅ 独立的依赖管理，不与 Expo 项目冲突
- ✅ 响应式设计，支持移动端和 PC 端
- ✅ 现代化的 UI 设计
- ✅ 静态生成，SEO 优化
- ✅ 支持部署到 Vercel
cd website
npm installnpm run dev访问 http://localhost:3000 查看网站。
npm run buildnpm startwebsite/
├── public/ # 静态资源
│ ├── favicon.ico # 网站图标
│ └── logo.svg # 网站 logo
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── globals.css # 全局样式
│ │ ├── layout.tsx # 根布局
│ │ └── page.tsx # 首页
│ └── components/ # React 组件
│ ├── UI/ # 基础 UI 组件
│ │ ├── Button.tsx
│ │ └── Container.tsx
│ ├── HeroSection.tsx
│ ├── FeatureCard.tsx
│ ├── DownloadSection.tsx
│ └── Footer.tsx
├── package.json # 项目配置
├── tsconfig.json # TypeScript 配置
├── tailwind.config.ts # Tailwind CSS 配置
└── next.config.mjs # Next.js 配置
npm install -g vercel
cd website
vercel- 将
website/目录推送到 GitHub 仓库 - 在 Vercel 控制台导入项目
- Vercel 会自动检测 Next.js 并部署
在以下文件中修改下载链接：
src/components/HeroSection.tsx- Hero 区域的下载按钮src/components/DownloadSection.tsx- 下载区域的按钮
编辑 tailwind.config.ts 中的 theme.extend.colors 部分。
在 src/components/DownloadSection.tsx 中修改版本、大小等信息。
- 框架: Next.js 14.2.5 (App Router)
- 语言: TypeScript
- 样式: Tailwind CSS
- 图标: Lucide React
- 构建工具: Turbopack
- Chrome (最新版本)
- Firefox (最新版本)
- Safari (最新版本)
- Edge (最新版本)
- 移动端浏览器
© 2024 飞镖出行. 保留所有权利.