expo next monorepo example

켈 이 저장소는 Solito 스타터로 옮겼습니다

대신 Solito를 사용할 수 있습니다.

npx create-solito-app@latest

---

Expo + next.js monorepo 예제

이 저장소는 Solito에 유리하게 더 이상 사용되지 않습니다 켈

다음은 Monorepo에서 Expo 및 Next.js를 사용하여 범용 React 앱을 만드는 방법을 보여주는 예입니다.

당신은 포함 할 것입니다 :

• Expo SDK 43 (iOS 및 Android의 헤르메스 포함)
• 다음 .js 12
• 웹에 기본적으로 반응합니다
• TypeScript
• 엑스포 및 다음.js에서 작동하는 Babel Config
• 재개
• 기본 바닥 시트를 반응합니다
• 드립시

즉시 사용 가능합니다 (작은 구성 필요) :

• 엑스포 응용 프로그램 서비스
• 맞춤형 개발 클라이언트
• 보초

건축학

앱

iOS, Android 및 웹 사이에 코드가 공유됩니다

cd packages/app

엑스포

토종의

엑스포 엔트리 포인트 : packages/expo/App.tsx

cd packages/expo

yarn start:expo 사용하여 iOS 및 Android 앱을 시작하기위한 엑스포

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

Pro Tip : SCHEME=com.example.axel yarn run:ios -d (이름으로 axel 교체)

다음 .js

편물

다음 .js EntryPoint : packages/next/src/pages/_app.tsx

cd packages/next

yarn dev 웹 앱을 시작합니다

데모 : https://expo-next-monorepo-example.vercel.app

메모

뿌리

• 여기에 패키지를 추가하지 마십시오

앱

• 여기에 패키지를 추가하지 마십시오

엑스포

• 여기에 모든 React Native 및 Universal 패키지를 추가하십시오
• yarn publish:production

다음 .js

• 여기에 웹 전용 패키지를 추가하십시오
• yarn deploy 로 Vercel에 배포 - 실패한 경우 프로젝트를 올바르게 구성하십시오. Vercel의 프로젝트 설정으로 이동하여 "Framework Preset"을 Next.js 및 "Root Directory"로 설정하여 packages/next 설정하십시오.

항해

내비게이션을 처리하는 방법의 예는 다음과 같습니다. #1

다음에 무엇을해야합니까?

시작할 몇 가지 아이디어는 다음과 같습니다.

• React Navigation을 사용하십시오
• 드립 시로 앱을 스타일링하십시오
• Moti로 앱을 애니메이션하십시오
• SWR 또는 Apollo 클라이언트와 함께 요청을하십시오
• 엑스포 모듈로 멋진 물건을 구축하십시오
• 사용자 정의 개발 클라이언트를 만듭니다
• 센트리를 추가하십시오
• GitHub 동작을 통해 EAS와 함께 CI/CD를 추가하십시오
• ...

관련 Monorepo 예제

또한 Cedric 에서이 예를 확인하는 것이 좋습니다 : https://github.com/bycedric/eas-monorepo-example. 여기에는 Eas Github 작업 및 베어 워크 플로 (배출 된) 예제가 포함됩니다.

특허

MIT