Firebase Project Creation ✦ Firebase Setup #1
Hi, I'm Jian from ARCOA. π
In my previous post, I introduced the Firebase Setup series. Today we're diving into the first step: creating your Firebase project.
We'll access the Firebase Console, create a project, and set up Google Analytics integration.
Time required: Maximum 5 minutes
✅ Confused about Firestore query syntax → Auto-generation π
Most users are based in Korea, user behavior/events are aggregated in Korean time (UTC+9)
Daily/weekly/monthly reports (activation/churn) display in Korean time for easier management
Marketing/advertising schedules also integrate easily with local time
If main user base is US, choose "United States (East/West, NY/LA, etc.)"
Event aggregation, daily active users, trends, ad performance all based on local (US) standard time
Makes analysis easier for US-based funnels, hourly visits, new user acquisition
Series Intro: Firebase Setup Series Overview: A Designer's Guide
Part 1: Firebase Project Creation (This post)
Part 2: Complete Guide to the Blaze Plan (Next)
Part 3: Google Authentication Setup
Part 4: Preparing FlutterFlow Integration
Part 5: Apple Authentication Setup
In my previous post, I introduced the Firebase Setup series. Today we're diving into the first step: creating your Firebase project.
We'll access the Firebase Console, create a project, and set up Google Analytics integration.
Time required: Maximum 5 minutes
Step 1: Access Firebase Console
1-1. Sign in with Google Account
- Visit https://console.firebase.google.com
- Sign in with your Gmail account
- First-time visitors will see the Firebase welcome screen
Step 2: Create Your Project
2-1. Click "Add Project" Button
- On the Firebase Console screen, click the "Get started" button (Figure 1) ✦①
| Figure 1: Firebase Project Start Screen |
2-2. Enter Project Name
- Enter your 'Project name' (Figure 2) ✦② and the 'Project ID' (Figure 2) ✦③ will be auto-generated
- Project names can use English (4+ characters) and special characters (- ! ' ")
- If the name is already taken, identifiers will be added to the Project ID, so try to create a unique name
- ⚠️ Project ID cannot be changed after creation — choose carefully!
| Figure 2: Create Firebase Project Screen |
2-3. Accept Terms and Join Developer Program
- Check ✅ (Figure 2) ✦④ "I accept the Firebase terms"
- Recommended: Turn ON ✅ (Figure 2) ✦⑤ "Google Developer Program"
π‘ Why Join Google Developer Program?
- Completely free (no cost)
- 10 Firebase Studios (increases from default 3 → 10)
- Personal Gemini Code Assist (helps with code generation and debugging)
- 35 Google Skills credits/month (learning courses + badges)
- Profile badges (increases credibility on LinkedIn, blogs)
- No downsides (marketing emails can be disabled in settings)
π‘ How Gemini AI Helps:
- Code generation (autocomplete, function writing)
- Debugging assistance (error interpretation, solution suggestions)
- Firebase Q&A (answers questions in natural language)
- Security rules (helps write rules)
- Crashlytics analysis (error analysis)
✅ Confused about Firestore query syntax → Auto-generation π
2-4. Gemini and Google Analytics
- Recommended: Turn ON ✅ (Figure 3) ✦⑦ "Enable Gemini for Firebase"
- Recommended: Turn ON ✅ (Figure 3) ✦⑨ "Enable Google Analytics for this project"
π‘ Why Enable Google Analytics?
2-5. Configure Google Analytics Region
- Accept (Figure 4) ✦⑪ 'Analytics region' and ✦⑫ 'Default settings/terms'
- You can add to an existing Analytics property or create a new one (Figure 4) ✦⑬
| Figure 4: Firebase Google Analytics Region Setup Screen |
π‘ Region (Timezone) Selection Guide:
1. If targeting Korea (South Korea), select "South Korea"
Daily/weekly/monthly reports (activation/churn) display in Korean time for easier management
Marketing/advertising schedules also integrate easily with local time
2. If targeting US or global audiences, select "your main service region"
Event aggregation, daily active users, trends, ad performance all based on local (US) standard time
Makes analysis easier for US-based funnels, hourly visits, new user acquisition
Step 3: Complete Project Creation
3-1. Project Generation
- Project creation takes approximately 30 seconds to 1 minute
3-2. Ready
- Once the project is ready, click the "Continue" button (Figure 5) ✦⑭ to complete project creation
3-3. Verify Firebase Console Dashboard
- Click the gear icon (⚙️) in the top-left corner and select 'Project settings' (Figure 6) ✦⑮
- Confirm that your project name, ID, and number are all present
Figure 6: Project Settings Confirmation Screen
✅ Completion Checklist
[ ] Access Firebase Console and sign in
[ ] Create project name
[ ] Join Google Developer Program (recommended)
[ ] Enable Gemini and Google Analytics (recommended)
[ ] Verify project settings
[ ] Join Google Developer Program (recommended)
[ ] Enable Gemini and Google Analytics (recommended)
[ ] Verify project settings
What You've Accomplished
π You've successfully created your Firebase project!
This is the foundation of your entire no-code app infrastructure. With this project, you now have:- A unique Firebase workspace
- Google Analytics integration ready
- Gemini AI assistance enabled
- Developer program benefits activated
Next Up: Understanding the Blaze Plan
In the next post, we'll explore:- Why the Blaze (paid tier) is recommended even for beginners
- How to upgrade safely
- Setting budget alerts to avoid billing surprises
π Series — Firebase Setup
Pre-Setup: Why Firebase for No-Code Designers?Series Intro: Firebase Setup Series Overview: A Designer's Guide
Part 1: Firebase Project Creation (This post)
Part 2: Complete Guide to the Blaze Plan (Next)
Part 3: Google Authentication Setup
Part 4: Preparing FlutterFlow Integration
Part 5: Apple Authentication Setup
Comments
Post a Comment