🚀 create-ern-boilerplate

Generator boilerplate Expo React Native yang powerful dan mudah digunakan!

Buat proyek React Native Expo production-ready dalam hitungan detik dengan berbagai template siap pakai. Tidak perlu instalasi, langsung pakai dengan npx!

✨ Apa itu create-ern-boilerplate?

create-ern-boilerplate adalah CLI tool yang membantu kamu membuat project Expo React Native dengan cepat menggunakan template yang sudah dikonfigurasi dengan baik.

✅ Tidak perlu instalasi global - langsung pakai dengan npx ✅ Mode interaktif - pilih template dan konfigurasi dengan mudah ✅ Mode cepat - buat project dalam satu baris perintah ✅ Berbagai template - minimal, redux, dan lainnya ✅ Auto setup - nama project, bundle identifier, dan dependencies otomatis terkonfigurasi

🚀 Quick Start

Cara tercepat untuk membuat project baru:

npx create-ern-boilerplate my-app -y

Atau gunakan alias yang lebih pendek:

npx ern-boilerplate my-app -y

Selesai! Project kamu sudah siap dengan template default dan dependencies sudah terinstall.

🟢 Mode Interaktif (Direkomendasikan untuk pemula)

Jalankan tanpa argumen untuk memilih konfigurasi secara interaktif:

npx create-ern-boilerplate

Kamu akan ditanya:

• ✏️ Nama project
• 📝 Deskripsi project
• 🎨 Template yang ingin digunakan
• ⚙️ Apakah ingin langsung install dependencies

Contoh interaksi:

? Nama project kamu: my-expo-app
? Deskripsi singkat: Aplikasi keren dengan Expo
? Pilih template: redux
? Langsung install dependencies setelah membuat project? Yes

✨ Membuat project my-expo-app...
📦 Menginstall dependencies...
✅ Project berhasil dibuat!

🟡 Mode Cepat (Direkomendasikan untuk yang sudah familiar)

Langsung buat project baru tanpa pertanyaan:

npx create-ern-boilerplate my-app -y

Atau dengan alias pendek:

npx ern-boilerplate my-app -y

Hasilnya:

• ✅ Otomatis pakai template default (minimal)
• ✅ Dependencies langsung terinstall
• ✅ Siap untuk development

🔵 Mode Kustom (Full control)

Tentukan semua konfigurasi langsung di command line:

npx create-ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux

Atau dengan alias:

npx ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux

Hasilnya:

• 📁 Project my-app langsung terbuat
• 📄 Deskripsi otomatis terisi
• 🧩 Menggunakan template redux
• ⚙️ Dependencies auto install

⚙️ Argumen & Opsi CLI

Command yang tersedia:

npx create-ern-boilerplate [nama-project] [opsi]
# atau
npx ern-boilerplate [nama-project] [opsi]

Opsi yang tersedia:

| Opsi | Deskripsi | Default | Contoh | |------|-----------|---------|--------| | [nama-project] | Nama project yang akan dibuat | Akan ditanyakan jika tidak diisi | my-app | | -y, --yes | Mode cepat tanpa prompt | false | npx create-ern-boilerplate my-app -y | | --desc <text> | Deskripsi project | "" | --desc "Aplikasi keren" | | --template <name> | Pilih template tertentu | minimal | --template redux | | --install | Auto install dependencies | true saat -y | -y --install |

Contoh kombinasi:

# Hanya nama project
npx create-ern-boilerplate my-app

# Mode cepat
npx ern-boilerplate my-app -y

# Custom template
npx create-ern-boilerplate my-app -y --template redux

# Full custom
npx ern-boilerplate my-app -y --desc "My awesome app" --template redux

🧩 Template yang Tersedia

Saat ini tersedia beberapa template siap pakai:

| Template | Deskripsi | Cocok untuk | |----------|-----------|-------------| | minimal | Template dasar dengan struktur minimalis | Project sederhana, prototyping cepat | | redux | Lengkap dengan Redux state management | Aplikasi kompleks dengan state management | | default | Template standar dengan setup umum | Kebanyakan project |

Cara menggunakan template:

# Template minimal (default)
npx create-ern-boilerplate my-app -y

# Template redux
npx create-ern-boilerplate my-app -y --template redux

# Template default
npx create-ern-boilerplate my-app -y --template default

🛠️ Apa yang Terjadi di Balik Layar?

Saat kamu menjalankan npx create-ern-boilerplate, ini yang terjadi:

1. 📥 npx mengunduh package terbaru - Tidak perlu install, npx otomatis download versi terbaru
2. ⚙️ CLI membaca argumen - Memproses command dan opsi yang kamu berikan
3. 💬 Mode interaktif (opsional) - Menampilkan prompt jika kamu tidak pakai flag -y
4. 📋 Copy template - Template yang dipilih disalin ke folder project baru
5. ✏️ Auto-configure - Update package.json dan app.json dengan:
   • Nama project kamu
   • Deskripsi project
   • Bundle identifier untuk iOS & Android
6. 📦 Install dependencies - npm install otomatis dijalankan
7. ✅ Selesai! - Project siap untuk development

🎯 Hasil Akhir

Setelah menjalankan perintah:

npx create-ern-boilerplate my-expo-app -y --template redux

Kamu akan mendapatkan struktur project seperti ini:

my-expo-app/
├── 📱 app.json          # Konfigurasi Expo
├── 📦 package.json      # Dependencies & scripts
├── 🚀 App.js           # Entry point aplikasi
├── 📁 src/
│   ├── components/     # React components
│   ├── screens/        # Screen components
│   ├── redux/          # Redux store & slices
│   └── ...
└── ...

Langkah selanjutnya:

# Masuk ke folder project
cd my-expo-app

# Jalankan development server
npm start

# Atau langsung ke iOS/Android
npm run ios
npm run android

💡 Tips & Best Practices

Untuk pengguna baru:

• 🎯 Mulai dengan mode interaktif terlebih dahulu: npx create-ern-boilerplate
• 📚 Gunakan template minimal untuk belajar struktur dasar
• 🔍 Eksplorasi file yang di-generate untuk memahami setup-nya

Untuk pengguna berpengalaman:

• ⚡ Gunakan alias pendek: npx ern-boilerplate my-app -y
• 🎨 Kombinasikan dengan opsi custom untuk workflow lebih cepat
• 🔧 Template redux cocok untuk aplikasi dengan state management kompleks

Performa:

• ✨ npx selalu menggunakan versi terbaru dari registry
• 🚀 Gunakan flag -y untuk skip semua prompt
• 📦 Dependencies otomatis terinstall saat menggunakan -y

🤝 Kontribusi

Ingin menambahkan template atau fitur baru? Contributions are welcome!

1. Fork repository ini
2. Buat branch baru untuk fitur kamu
3. Commit perubahan kamu
4. Push ke branch
5. Buat Pull Request

📝 Lisensi

Lisensi: MIT

💬 Author

Dibuat dengan ❤️ oleh Zedfar

• 📧 Email: [email protected]
• 🐙 GitHub: @zedfar
• 📦 NPM: create-ern-boilerplate

🌟 Support

Jika tool ini membantu kamu, jangan lupa:

• ⭐ Star repository ini
• 🐛 Report bugs atau request fitur via Issues
• 🤝 Contribute dengan Pull Request

Happy Coding! 🚀