expo next monorepo example

配x该仓库已移至Solito Starter

您现在可以使用Solito：

npx create-solito-app@latest

---

expo + next.js monorepo示例

该仓库被弃用以支持Solito配x

这是一个示例，展示了如何在monorepo中使用Expo和Next.js创建通用React应用程序。

您会发现包括：

• Expo SDK 43（Hermes在iOS和Android上）
• Next.js 12
• 对网络的反应本地
• 打字稿
• 可用于博览会和next.js的babel配置在monorepo中复活
• 复活
• 反应本地底纸
• 滴水

和现成的（需要小配置）：

• 世博申请服务
• 自定义开发客户端
• 哨兵

建筑学

应用程序

iOS，Android和Web共享的代码

cd packages/app

博览会

本国的

Expo入口点： packages/expo/App.tsx

cd packages/expo

yarn start:expo启动iOS和Android应用的博览会

演示：https：//expo.dev/@poolpoolpool/example?Release-Channel=production

专家提示：使用SCHEME=com.example.axel yarn run:ios -d （用您的名字替换axel ），构建和启动自定义开发客户端

next.js

网络

next.js entrypoint： packages/next/src/pages/_app.tsx

cd packages/next

yarn dev用于启动Web应用程序

演示：https：//expo-next-monorepo-example.vercel.app

笔记

根

• 不要在这里添加任何包裹

应用程序

• 不要在这里添加任何包裹

博览会

• 在此处添加所有React本地和通用软件包
• 用yarn publish:production

next.js

• 在此处添加您的仅网络软件包
• 通过yarn deploy部署到Vercel-如果失败了，请确保正确配置您的项目：转到Vercel上的项目设置，然后将“ Framework Prest”设置为Next.js和“ root Directory”和“ packages/next ”

导航

这是如何处理导航的示例：＃1

接下来我该怎么办？

这里有一些想法可以让您入门：

• 使用反应导航
• 用滴水设计您的应用
• 用moti为您的应用程序动画
• 使用SWR或Apollo客户端执行一些请求
• 使用博览会模块构建很酷的东西
• 创建自定义开发客户端
• 添加哨兵
• 通过GitHub动作添加与EAS的CI/CD
• ...

相关的monorepo示例

我还建议您查看Cedric：https：//github.com/bycedric/eas-monorepo-example的示例。它包括一些EAS GITHUB动作和裸露的工作流（弹出）示例。

执照

麻省理工学院