expo next monorepo example

ショ和このレポはソリトのスターターに移動しました

代わりにソリトを使用できるようになりました。

npx create-solito-app@latest

---

expo + next.jsモノレポの例

このレポは、ソリトを支持して廃止されていますショ和

MonorepoでExpoとnext.jsを使用してUniversal Reactアプリを作成する方法を示す例を示します。

ご覧ください：

• expo SDK 43（iOSとAndroidにエルメスを含む）
• next.js 12
• Webのネイティブを反応します
• タイプスクリプト
• expoとnext.jsで動作するバベル構成は、モノレポで復活した
• 蘇生
• ネイティブボトムシートを反応します
• 滴って

すぐに使用できる（必要な小さな構成）：

• 博覧会アプリケーションサービス
• カスタム開発クライアント
• セントリー

建築

アプリ

iOS、Android、およびWeb間で共有されるコード

cd packages/app

エキスポ

ネイティブ

博覧会エントリポイント： packages/expo/App.tsx

cd packages/expo

yarn start:expoからExpoでiOSおよびAndroidアプリを開始する

デモ：https：//expo.dev/@poolpoolpool/example?release-channel=Production

プロのヒント： SCHEME=com.example.axel yarn run:ios -d （ axelあなたの名で置き換えます）

next.js

ウェブ

next.jsエントリポイント： packages/next/src/pages/_app.tsx

cd packages/next

Webアプリを開始するためのyarn dev

デモ：https：//expo-next-monorepo-example.vercel.app

メモ

根

• ここにパッケージを追加しないでください

アプリ

• ここにパッケージを追加しないでください

エキスポ

• ここにReactネイティブとユニバーサルパッケージをすべて追加します
• yarn publish:productionでExpoに公開します

next.js

• ここにWebのみのパッケージを追加します
• yarn deployを使用してVercelにデプロイする - 失敗した場合は、プロジェクトを正しく構成してください。Vercelのプロジェクト設定に移動し、「Framework Preset」をNext.jsに設定し、「ルートディレクトリ」をpackages/nextへと設定します。

ナビゲーション

ナビゲーションの処理方法の例を次に示します：＃1

次に何をすべきですか？

ここにあなたが始めるためのいくつかのアイデアがあります：

• React Navigationを使用します
• dripyでアプリをスタイリングしてください
• Motiでアプリをアニメーション化します
• SWRまたはApolloクライアントでいくつかのリクエストを行います
• エキスポモジュールでクールなものを構築します
• カスタム開発クライアントを作成します
• セントリーを追加します
• GitHubアクションを介してEASを使用してCI/CDを追加します
• ...

関連するモノレポの例

また、セドリック：https：//github.com/bycedric/eas-monorepo-exampleからこの例を確認することをお勧めします。これには、いくつかのEAS Githubアクションと裸のワークフロー（排出）の例が含まれています。

ライセンス

mit