expo next monorepo example

repo นี้ย้ายไปที่ Solito Starter

ตอนนี้คุณสามารถใช้ Solito แทน:

npx create-solito-app@latest

---

expo + next.js monorepo ตัวอย่าง

repo นี้เลิกใช้เพื่อสนับสนุน Solito

นี่คือตัวอย่างที่แสดงวิธีการสร้างแอพสากล React โดยใช้ Expo และ Next.js ในโมโนโพร

คุณจะพบว่ามี:

• Expo SDK 43 (กับ Hermes บน iOS และ Android)
• next.js 12
• ตอบสนองสำหรับเว็บ
• ตัวพิมพ์ใหญ่
• Babel Config ที่ใช้งานได้สำหรับ Expo และ Next.js พร้อมกับ Reanimated ใน monorepo
• ทำให้ชุบชีวิต
• ตอบสนองแผ่นพื้นดินพื้นเมือง
• หยดน้ำ

และพร้อมใช้งาน (จำเป็นต้องมีการกำหนดค่าขนาดเล็ก):

• Expo Application Services
• ลูกค้าพัฒนาที่กำหนดเอง
• ทหารยาม

สถาปัตยกรรม

แอป

รหัสที่แชร์ระหว่าง iOS, Android และเว็บ

cd packages/app

งานแสดงสินค้า

พื้นเมือง

Expo Entrypoint: packages/expo/App.tsx

cd packages/expo

yarn start:expo เพื่อเริ่ม iOS และแอพ Android ด้วย Expo

การสาธิต: https://expo.dev/@poolpoolpool/example?release-channel=production

เคล็ดลับโปร: สร้างและเปิดตัวไคลเอนต์การพัฒนาที่กำหนดเองด้วย SCHEME=com.example.axel yarn run:ios -d (แทนที่ axel ด้วยชื่อแรกของคุณ)

next.js

เว็บ

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

cd packages/next

yarn dev เพื่อเริ่มเว็บแอปพลิเคชัน

ตัวอย่าง: https://expo-next-monorepo-example.vercel.app

หมายเหตุ

ราก

• อย่าเพิ่มแพ็คเกจใด ๆ ที่นี่

แอป

• อย่าเพิ่มแพ็คเกจใด ๆ ที่นี่

งานแสดงสินค้า

• เพิ่มแพ็คเกจ React Native และ Universal ทั้งหมดของคุณที่นี่
• เผยแพร่สู่ Expo พร้อม yarn publish:production

next.js

• เพิ่มแพ็คเกจเว็บของคุณเท่านั้นที่นี่
• ปรับใช้กับ Vercel ด้วย yarn deploy - หากล้มเหลวตรวจสอบให้แน่ใจว่าได้กำหนดค่าโครงการของคุณอย่างถูกต้อง: ไปที่การตั้งค่าโครงการของคุณบน Vercel และตั้งค่า "Framework Preset" เป็น next.js และ "Root Directory" เป็น packages/next

การนำทาง

นี่คือตัวอย่างของวิธีจัดการการนำทาง: #1

ฉันควรทำอย่างไรต่อไป?

นี่คือแนวคิดบางอย่างที่จะทำให้คุณเริ่มต้น:

• ใช้การนำทางปฏิกิริยา
• จัดสไตล์แอพของคุณด้วย Dripsy
• ทำให้แอปของคุณเคลื่อนไหวด้วย moti
• ทำคำขอบางอย่างกับไคลเอนต์ SWR หรือ Apollo
• สร้างสิ่งดีๆด้วยโมดูล Expo
• สร้างไคลเอนต์การพัฒนาที่กำหนดเอง
• เพิ่ม Sentry
• เพิ่ม CI/CD ด้วย EAS ผ่านการกระทำของ GitHub
• -

ตัวอย่าง monorepo ที่เกี่ยวข้อง

ฉันขอแนะนำให้ตรวจสอบตัวอย่างนี้จาก Cedric: https://github.com/bycedric/eas-monorepo-example มันรวมถึงการกระทำของ EAS GitHub และตัวอย่างเวิร์กโฟลว์ (พุ่งออกมา)

ใบอนุญาต

มิกซ์