expo next monorepo example

️ Este repositorio se ha mudado al entrante de Solito

Ahora puedes usar Solito en su lugar:

npx create-solito-app@latest

---

Expo + Next.js Monorepo Ejemplo

Este repositorio está desaprobado a favor de Solito ️

Aquí hay un ejemplo que muestra cómo crear una aplicación React Universal usando Expo y Next.js en un Monorepo.

Encontrarás incluido:

• Expo SDK 43 (con Hermes en iOS y Android)
• Next.js 12
• React Native for Web
• Mecanografiado
• Configuración de Babel que funciona para Expo y Next.js con reanimado en un monorreo
• Reanimado
• Reaccionar la hoja inferior nativa
• Gotero

Y listo para usar (se requiere una pequeña configuración):

• Servicios de aplicaciones de Expo
• Cliente de desarrollo personalizado
• Centinela

Arquitectura

Aplicación

Código compartido entre iOS, Android y Web

cd packages/app

Exposición

Nativo

Expo EntryPoint: packages/expo/App.tsx

cd packages/expo

yarn start:expo para iniciar la aplicación iOS y Android con Expo

Demostración: https://expo.dev/@poolpool/example?Release-Channel=Production

Consejo de Pro: Cree y inicie un cliente de desarrollo personalizado con SCHEME=com.example.axel yarn run:ios -d (reemplace axel con su nombre)

Next.js

Web

Next.js EntryPoint: packages/next/src/pages/_app.tsx

cd packages/next

yarn dev para iniciar la aplicación web

Demostración: https://expo-next-monorepo-example.vercel.app

Notas

Raíz

• No agregue ningún paquete aquí

Aplicación

• No agregue ningún paquete aquí

Exposición

• Agregue todos sus paquetes React nativos y universales aquí
• Publicar para expocar con yarn publish:production

Next.js

• Agregue sus paquetes de solo web aquí
• Implementar en VERCEL con yarn deploy : si falla, asegúrese de configurar su proyecto correctamente: vaya a la configuración packages/next su proyecto en Vercel

Navegación

Aquí hay un ejemplo de cómo manejar la navegación: #1

¿Qué debo hacer a continuación?

Aquí hay algunas ideas para comenzar:

• Use la navegación react
• Estille su aplicación con goteo
• Anima tu aplicación con Moti
• Haga algunas solicitudes con SWR o Apollo Client
• Construya cosas geniales con módulos de expo
• Crear un cliente de desarrollo personalizado
• Agregar centinela
• Agregue CI/CD con EAS a través de acciones GitHub
• ...

Ejemplo de monorreo relacionado

También recomiendo ver este ejemplo de Cedric: https://github.com/bycedric/eas-monorepo-example. Incluye algunas acciones EAS GitHub y un ejemplo de flujo de trabajo desnudo (expulsado).

Licencia

MIT