expo next monorepo example

️ Это репо переехало на стартер Solito

Теперь вы можете использовать Solito:

npx create-solito-app@latest

---

Expo + next.js monorepo пример

Это репо устанавливается в пользу Solito ️

Вот пример, показывающий, как создать универсальное приложение React с использованием Expo и Next.js в MonorePo.

Вы найдете включенные:

• Expo SDK 43 (с Hermes на iOS и Android)
• Next.js 12
• Отреагировать на себя на Интернет
• Машинопись
• Конфигурация Вавиля, которая работает в Expo и Next.js с реанимированным в монорепо
• Реанимирован
• Реагировать на родной нижний лист
• Капельница

И готово к использованию (требуется небольшая конфигурация):

• Expo Application Services
• Пользовательский клиент разработки
• Часовой

Архитектура

Приложение

Код, общий между iOS, Android и Web

cd packages/app

Экспо

Родной

Expo IntryPoint: packages/expo/App.tsx

cd packages/expo

yarn start:expo , чтобы начать iOS и приложение для Android с Expo

Демонстрация: https://expo.dev/@poolpoolpool/example?reelease-Calne=production

Совет Pro: Создайте и запустите пользовательский клиент разработки с SCHEME=com.example.axel yarn run:ios -d (замените axel на свое имя)

Next.js

Веб -

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

cd packages/next

yarn dev для запуска веб -приложения

Демо: https://expo-next-monorepo-example.vercel.app

Примечания

Корень

• Не добавляйте здесь пакет

Приложение

• Не добавляйте здесь пакет

Экспо

• Добавьте все свои нативные и универсальные пакеты React
• Публикуйте в Expo с yarn publish:production

Next.js

• Добавьте здесь свои пакеты только для Интернета
• Развертывание в Vercel с yarn deploy - если оно не удалось, убедитесь, что правильно настроить свой проект: перейдите в настройки своего проекта на Vercel и установите «Pramework Preset» на next.js и «корневой каталог» в packages/next

Навигация

Вот пример того, как справиться с навигацией: #1

Что мне делать дальше?

Вот несколько идей, которые вы можете начать:

• Используйте React Navigation
• Стиль вашего приложения с помощью Dripsy
• Оживить свое приложение с помощью моти
• Сделайте некоторые запросы с SWR или Apollo Client
• Постройте крутые вещи с помощью модулей Expo
• Создать пользовательский клиент разработки
• Добавить часовой
• Добавить CI/CD с EAS с помощью действий GitHub
• ...

Связанный пример Monorepo

Я также рекомендую проверить этот пример от CEDRIC: https://github.com/bycedric/eas-monorepo-example. Он включает в себя некоторые действия EAS Github и пример голой рабочего процесса (выброшенные).

Лицензия

Грань