expo next monorepo example

️ Repo ini telah pindah ke starter solito

Anda sekarang dapat menggunakan solito sebagai gantinya:

npx create-solito-app@latest

---

Contoh Monorepo Expo + Next.js

Repo ini sudah usang mendukung solito ️

Berikut adalah contoh yang menunjukkan cara membuat aplikasi reaksi universal menggunakan Expo dan Next.js dalam monorepo.

Anda akan menemukan:

• Expo SDK 43 (dengan Hermes di iOS dan Android)
• Next.js 12
• Bereaksi asli untuk web
• Naskah
• Konfigurasi babel yang berfungsi untuk Expo dan Next.js dengan dihidupkan kembali dalam monorepo
• Dihidupkan kembali
• Bereaksi lembaran bawah asli
• Dipsy

Dan siap pakai (diperlukan konfigurasi kecil):

• Layanan Aplikasi Expo
• Klien Pengembangan Kustom
• Penjaga

Arsitektur

Aplikasi

Kode dibagikan antara iOS, android dan web

cd packages/app

Expo

Warga asli

Expo Entrypoint: packages/expo/App.tsx

cd packages/expo

yarn start:expo Untuk Memulai Aplikasi iOS dan Android dengan Expo

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

Kiat Pro: Bangun dan luncurkan klien pengembangan khusus dengan SCHEME=com.example.axel yarn run:ios -d (ganti axel dengan nama depan Anda)

Next.js

Web

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

cd packages/next

yarn dev untuk memulai aplikasi web

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

Catatan

Akar

• Jangan menambahkan paket apa pun di sini

Aplikasi

• Jangan menambahkan paket apa pun di sini

Expo

• Tambahkan semua paket Native dan Universal Anda di sini
• Publikasikan ke Expo with yarn publish:production

Next.js

• Tambahkan Paket Hanya Web Anda di sini
• Menyebarkan ke Vercel dengan yarn deploy - Jika gagal, pastikan untuk mengonfigurasi proyek Anda dengan benar: Pergi ke pengaturan proyek Anda di Vercel dan atur "Preset Kerangka kerja" ke Next.js dan "Root Directory" ke packages/next

Navigasi

Berikut adalah contoh cara menangani navigasi: #1

Apa yang harus saya lakukan selanjutnya?

Berikut beberapa ide untuk Anda mulai:

• Gunakan navigasi bereaksi
• Style App Anda dengan Dripsy
• Menghidupkan aplikasi Anda dengan moti
• Lakukan beberapa permintaan dengan klien SWR atau Apollo
• Bangun hal -hal keren dengan modul Expo
• Buat klien pengembangan khusus
• Tambahkan penjaga
• Tambahkan CI/CD dengan EAS melalui Tindakan GitHub
• ...

Contoh Monorepo Terkait

Saya juga merekomendasikan untuk memeriksa contoh ini dari Cedric: https://github.com/bycedric/eas-monorepo-example. Ini mencakup beberapa tindakan GitHub EAS dan contoh alur kerja telanjang (dikeluarkan).

Lisensi

Mit