一个展示AI应用的现代化门户网站,使用 Next.js 15 构建。
- 🎨 精美的UI设计,支持深色模式
- 📱 完全响应式,支持PC和移动端
- 🎯 按类别分类展示AI应用
- 📖 Markdown格式的详细文档
- ✨ 鼠标跟随的背景光效
- 🚀 静态导出,可部署到GitHub Pages
- 框架: Next.js 15 (App Router)
- 语言: TypeScript
- 样式: Tailwind CSS
- Markdown: react-markdown
- 部署: GitHub Pages
# 安装依赖
npm install
# 启动开发服务器
npm run dev访问 http://localhost:3000 查看网站。
详细的部署说明请查看 GITHUB_PAGES.md
- 确保代码已推送到GitHub
- 在仓库设置中启用 GitHub Pages (使用 GitHub Actions)
- 推送到
main分支,自动触发部署 - 访问
https://[你的用户名].github.io/[仓库名]/
├── src/
│ ├── app/ # Next.js App Router页面
│ ├── components/ # React组件
│ ├── data/ # 应用数据
│ └── types/ # TypeScript类型定义
├── public/
│ └── docs/ # Markdown文档
└── .github/
└── workflows/ # GitHub Actions配置
编辑 src/data/apps.ts 添加新的应用数据,并在 public/docs/ 创建对应的Markdown文档。
MIT