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 Directory”

導航

這是如何處理導航的示例：＃1

接下來我該怎麼辦？

這裡有一些想法可以讓您入門：

• 使用反應導航
• 用滴水設計您的應用
• 用moti為您的應用程序動畫
• 使用SWR或Apollo客戶端執行一些請求
• 使用博覽會模塊構建很酷的東西
• 創建自定義開發客戶端
• 添加哨兵
• 通過GitHub動作添加與EAS的CI/CD
• ...

相關的monorepo示例

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

執照

麻省理工學院