Skip to content

🚀 Init

Initialize your ExpoBase project with your app configuration using the automated setup script.

📱 Run the Init Script

npm run init

This will start an interactive setup:

🚀 App Initialization Script
================================
 
📱 Bundle Identifier Setup
Format: com.yourcompany.yourapp
Example: com.foodieapp.mobile
 
Enter your new bundle identifier: com.test.app
Enter your app name (e.g., "My Awesome App"): testApp
Enter your app slug (e.g., "my-awesome-app"): test-app
 
💳 Stripe Payment Integration
Stripe allows you to process payments in your app
If you don't need payments, you can remove it to reduce bundle size
 
Do you want to use Stripe for payments? (y/N): n
 
🛒 RevenueCat Subscription Management
RevenueCat manages in-app purchases and subscriptions
If you don't need subscriptions, you can remove it
 
Do you want to use RevenueCat for subscriptions? (y/N): n
 
📋 Configuration Summary:
App Name: testApp
App Slug: test-app
Bundle ID: com.test.app
Use Stripe: No
Use RevenueCat: No
 
Proceed with this configuration? (y/N): y
 
🔧 Starting initialization...
🗑️ Removing .expo...
✅ Removed .expo
 
🚫 Removing Stripe integration...
📝 Removing Stripe from app.json...
✅ Removed Stripe from app.json
📝 Removing Stripe from package.json...
✅ Removed Stripe from package.json
📝 Removing Stripe from _layout.tsx...
✅ Removed Stripe from _layout.tsx
🗑️ Removing Stripe-related files...
🗑️ Removing context/StripeContext.tsx...
✅ Removed context/StripeContext.tsx
🗑️ Removing components/payment/PaymentSheet.tsx...
✅ Removed components/payment/PaymentSheet.tsx
🗑️ Removing components/payment/stripeButtonPay.tsx...
✅ Removed components/payment/stripeButtonPay.tsx
📝 Removing Stripe from payment/index.ts...
✅ Removed Stripe exports from payment/index.ts
📝 Cleaning payment.tsx from Stripe code...
✅ Cleaned payment.tsx - kept only RevenueCat
🗑️ Removing supabase/functions/create-payment-intent...
✅ Removed supabase/functions/create-payment-intent
🗑️ Removing supabase/functions/create-stripe-checkout...
✅ Removed supabase/functions/create-stripe-checkout
🗑️ Removing supabase/functions/stripe-webhooks...
✅ Removed supabase/functions/stripe-webhooks
🗑️ Removing assets/logo/stripe.jpeg...
✅ Removed assets/logo/stripe.jpeg
✅ Removed all Stripe-related files
📦 Uninstalling Stripe package...
✅ Uninstalled Stripe package
✅ Stripe integration removed successfully!
 
🚫 Removing RevenueCat integration...
📝 Removing RevenueCat from _layout.tsx...
✅ Removed RevenueCat from _layout.tsx
✅ RevenueCat integration removed from _layout.tsx!
📝 Updating app.json...
✅ Updated app.json
📝 Updating package.json...
✅ Updated package.json
🔍 Updating identifiers throughout the project...
✅ Updated 0 files with new identifiers
📝 Updating supabase/config.toml...
✅ Updated supabase/config.toml
 
🎉 Initialization completed successfully!
 
📋 Next Steps:
1. Run: npm install (to clean up dependencies)
2. Run: npx expo prebuild (to generate native code)
3. Run: eas init (to initialize EAS project)
4. Configure your environment variables
5. Set up your authentication providers
 
💳 Stripe Integration Removed:
• All Stripe-related files and configurations have been removed
• You can always add Stripe back later if needed
 
🛒 RevenueCat Integration Removed:
• RevenueCat context and wrapper have been removed from _layout.tsx
• You can always add RevenueCat back later if needed
 
⚠️ Important Notes:
• EAS project ID and owner have been cleared
• Update your environment variables accordingly

🔧 What the Script Does

The script automatically:

  • Cleans previous configuration and cache (removes .expo folder)
  • Updates your app name, slug, and bundle identifier throughout the project
  • Configures Stripe integration (asks if you want to use it)
    • If No: Removes all Stripe files, dependencies, and configurations
    • If Yes: Keeps Stripe integration for payments
  • Configures RevenueCat integration (asks if you want to use it)
    • If No: Removes RevenueCat from layout and cleans up
    • If Yes: Keeps RevenueCat integration for subscriptions
  • Updates supabase/config.toml with your bundle identifier
  • Prepares the project for EAS initialization

💡 Smart Integration Management

The script intelligently handles integrations:

  • Stripe removal: Deletes 10+ files including contexts, components, Edge Functions, and assets
  • RevenueCat removal: Cleans layout wrappers and configurations
  • Dependency cleanup: Automatically uninstalls unused packages
  • Configuration updates: Updates all relevant config files

This ensures your app only includes what you actually need, reducing bundle size and complexity.

🏗️ After Initialization

Run these commands in order:

# Install dependencies (clean up after removals)
npm install
 
# Generate native code
npx expo prebuild
 
# Initialize EAS
eas init

🎯 Next Steps Based on Your Choices

If you removed Stripe (answered No):

✅ Skip the Stripe setup page in the documentation
✅ Your app is lighter and doesn't include payment processing
✅ You can always add Stripe back later if needed

If you removed RevenueCat (answered No):

✅ Skip the RevenueCat setup page in the documentation
✅ Your app won't have subscription management
✅ You can always add RevenueCat back later if needed

If you kept both (answered Yes to both):

✅ Follow all setup steps in the documentation
✅ Configure environment variables for both services
✅ Your app will have full payment and subscription capabilities

💡 Tip: The script has already done the heavy lifting for you! Only follow the documentation steps for the integrations you chose to keep.

🎯 Next Step

Continue to 🗄️ Supabase to set up your backend database.

🚀 Smart Initialization Complete ✅

Your app is customized and ready for development!