expo next monorepo example

️ Ce repo est passé au starter Solito

Vous pouvez maintenant utiliser Solito à la place:

npx create-solito-app@latest

---

Exemple d'expo + next.js monorepo

Ce repo est obsolète en faveur de Solito ️

Voici un exemple montrant comment créer une application REACT universelle à l'aide de l'Expo et Next.js dans un monorepo.

Vous trouverez inclus:

• Expo SDK 43 (avec Hermès sur iOS et Android)
• Suivant.js 12
• React natif pour le Web
• Manuscrit
• Babel Config qui fonctionne pour Expo et Next.js avec réanimé dans un monorepo
• Réanimé
• Réagir une feuille de fond native
• Délicat

Et prêt à utiliser (petite configuration requise):

• Services de demande d'expo
• Client de développement personnalisé
• Sentinelle

Architecture

Appliquer

Code partagé entre iOS, Android et Web

cd packages/app

Expo

Indigène

EXPO ENTRYPOINT: packages/expo/App.tsx

cd packages/expo

yarn start:expo pour démarrer l'application iOS et Android avec Expo

Demo: https://expo.dev/@poolpoolpool/example?release-Channel=Production

Conseil de pro: construire et lancer un client de développement personnalisé avec SCHEME=com.example.axel yarn run:ios -d (Remplacez axel par votre prénom)

Next.js

Web

Next.js Entrée: packages/next/src/pages/_app.tsx

cd packages/next

yarn dev pour démarrer l'application Web

Demo: https://expo-next-monorepo-example.vercel.app

Notes

Racine

• N'ajoutez aucun package ici

Appliquer

• N'ajoutez aucun package ici

Expo

• Ajoutez tous vos packages REACT natifs et universels ici
• Publier à Expo with yarn publish:production

Next.js

• Ajoutez vos packages Web uniquement ici
• Déployer sur Vercel avec yarn deploy - S'il échoue, assurez-vous de configurer correctement votre projet: accédez à vos paramètres de projet sur Vercel et définissez le "Framework Preset" sur Next.js et le "Root Directory" sur packages/next

Navigation

Voici un exemple de la façon de gérer la navigation: # 1

Que dois-je faire ensuite?

Voici quelques idées pour vous aider à démarrer:

• Utiliser la navigation React
• Style votre application avec de la coulée
• Animer votre application avec moti
• Faites quelques demandes avec SWR ou APOLLO Client
• Construisez des choses sympas avec des modules d'expo
• Créer un client de développement personnalisé
• Ajouter une sentinelle
• Ajouter CI / CD avec EAS via des actions GitHub
• ...

Exemple monorepo connexe

Je recommande également de consulter cet exemple de Cedric: https://github.com/bycedric/eas-monorepo-example. Il comprend quelques actions EAS GitHub et un exemple de flux de travail nu (éjecté).

Licence

Mit