Next.jsReactTypeScript游戏站

game store monorepo app — Next.js 游戏站模板

作者 nphivu414

基于Nx与RAWG API的全栈游戏发现应用，覆盖Web、Next.js与React Native。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

4 个预览视图

游戏详情1 / 4

访问演示网站在新标签页打开

作者提供的预览

查看游戏详情的内容组织、布局与视觉细节。

全部页面与视图 4

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

Nx monorepo 管理，包含 React SPA、Next.js、React Native 与 NestJS 后端

基于 RAWG API 提供游戏列表、详情、类型、标签、发行商等 GraphQL 查询

TailwindCSS 与 DaisyUI 构建的沉浸式游戏风格界面

提供 Netlify 与 Vercel 在线演示，可直接体验

移动端支持 iOS 与 Android，但标记为 Beta

模板详细介绍

game store monorepo app 是一个以 Nx 构建系统组织的全栈游戏发现项目，数据源来自 RAWG Video Games Database API。仓库同时包含 React 单页应用、Next.js 应用（标记为 Beta）以及 React Native 移动端，后端由 NestJS 提供 GraphQL 接口，并涉及 Serverless 与 AWS Lambda。项目提供两个在线演示：Netlify 上的 React SPA 和 Vercel 上的 Next.js 版本，方便你直接体验界面与交互。

功能上，它围绕游戏浏览展开：支持分页列出游戏、查看详情、按类型/标签/发行商筛选、搜索游戏名，并提供了对应的 GraphQL 查询示例。前端使用 TailwindCSS 与 DaisyUI 构建沉浸式游戏风格界面，移动端则采用 React Native Elements 与 Styled System。如果你需要的是一个多端复用的游戏目录应用起点，这个仓库展示了如何用一套代码组织 Web 与移动端。

需要留意的是，README 未明确说明 RAWG API 密钥的配置方式，也未提及部署到生产环境所需的完整步骤。Next.js 与移动端仍标记为 Beta，实际运行前建议核对依赖安装说明（尤其是 iOS 的 CocoaPods 与 M1 环境处理），并确认后端 Serverless 配置是否满足你的部署需求。

可直接运行网页游戏

适合你的项目吗？

适用场景

构建游戏发现或游戏库类应用，需要多端（Web/移动）复用
学习 Nx monorepo 中前后端如何组织与共享类型
参考 GraphQL 层如何封装第三方 REST API（如 RAWG）
作为 Next.js 或 React Native 应用开发的起点

适合人群

全栈开发者
React/Next.js 开发者
React Native 开发者
对 monorepo 架构感兴趣者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需安装 yarn 与 serverless
2
iOS 在 M1 上需额外处理 ffi gem。
3
运行前需配置 RAWG API 密钥（README 未说明具体位置）。
4
Next.js 与移动端为 Beta，生产使用前需自行评估稳定性。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在软件的所有副本或实质性部分中包含上述版权声明和本许可声明

额外费用与待核对事项

README中的截图和演示素材可能包含第三方游戏封面或商标，其授权状态未在文档中明确

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文