expo next monorepo example

️ Este repo se mudou para o iniciador de Solito

Agora você pode usar o Solito:

npx create-solito-app@latest

---

Exemplo Expo + Next.js Monorepo

Este repositório está preguiçoso em favor do Solito ️

Aqui está um exemplo mostrando como criar um aplicativo React Universal usando Expo e Next.js em um monorepo.

Você encontrará incluído:

• Expo SDK 43 (com Hermes no iOS e Android)
• Next.js 12
• Reaja nativa para web
• TypeScript
• Babel Config que funciona para a Expo e Next.js com reanimado em um monorepo
• Reanimado
• Reaja folha inferior nativa
• Dripsy

E pronto para uso (pequena configuração necessária):

• Serviços de Aplicativo Expo
• Cliente de desenvolvimento personalizado
• Sentinela

Arquitetura

App

Código compartilhado entre iOS, Android e Web

cd packages/app

Expo

Nativo

Ponto de entrada Expo: packages/expo/App.tsx

cd packages/expo

yarn start:expo para iniciar o aplicativo iOS e Android com a Expo

Demo: https://expo.dev/@poolpoolpool/example?release-channel=production

Dica Pro: Construa e inicie um cliente de desenvolvimento personalizado com SCHEME=com.example.axel yarn run:ios -d (Substitua axel pelo seu primeiro nome)

Next.js

Web

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

cd packages/next

yarn dev para iniciar o aplicativo da web

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

Notas

Raiz

• Não adicione nenhum pacote aqui

App

• Não adicione nenhum pacote aqui

Expo

• Adicione todos os seus pacotes nativos e universais do React aqui
• Publique para expo com yarn publish:production

Next.js

• Adicione seus pacotes somente na Web aqui
• Implante para o VERCEL com yarn deploy - se falhar, certifique -se de configurar seu projeto corretamente: vá para as configurações do seu projeto no Vercel e defina a "predefinição da estrutura" para Next.js e o "diretório raiz" para packages/next

Navegação

Aqui está um exemplo de como lidar com a navegação: #1

O que devo fazer a seguir?

Aqui estão algumas idéias para você começar:

• Use a navegação react
• Estilize seu aplicativo com gota
• Animar seu aplicativo com moti
• Faça alguns pedidos com o cliente SWR ou Apollo
• Construir coisas legais com módulos de exposição
• Crie um cliente de desenvolvimento personalizado
• Adicione sentinela
• Adicione CI/CD com EAS via ações do GitHub
• ...

Exemplo Monorepo relacionado

Eu também recomendo conferir este exemplo de Cedric: https://github.com/bedric/eas-monorepo-example. Inclui algumas ações do EAS Github e um exemplo de fluxo de trabalho nu (ejetado).

Licença

Mit