제로에서 SaaS까지: 2025년에 Flutter + Supabase로 수익성 있는 모바일 앱 구축

Source: Dev.to

아키텍처

클린 아키텍처는 앱이 성장함에 따라 유지보수가 쉽도록 합니다. 레이어 간 연결은 다음과 같습니다:

                    ┌──────────────────────────────┐
                    │         FLUTTER APP          │
                    └──────────────────────────────┘
                                   │
        ┌──────────────────────────┼──────────────────────────┐
        │                          │                          │
        ▼                          ▼                          ▼
┌───────────────┐        ┌─────────────────┐        ┌─────────────────┐
│  PRESENTATION │        │     DOMAIN      │        │      DATA       │
│───────────────│        │─────────────────│        │─────────────────│
│ • Widgets     │   ──▶  │ • Use Cases     │   ──▶  │ • Repositories  │
│ • BLoC/Cubit  │        │ • Entities      │        │ • Data Sources  │
│ • Riverpod    │        │ • Business Logic│        │ • Models        │
└───────────────┘        └─────────────────┘        └─────────────────┘
                                                            │
                     ┌──────────────────────────────────┼──────────────────────────────────┐
                     │                                  │                                  │
                     ▼                                  ▼                                  ▼
            ┌─────────────────┐                ┌─────────────────┐                ┌─────────────────┐
            │    SUPABASE     │                │   REVENUECAT    │                │   LOCAL CACHE   │
            │─────────────────│                │─────────────────│                │─────────────────│
            │ • PostgreSQL    │                │ • Subscriptions │                │ • Hive/SQLite   │
            │ • Auth          │                │ • Receipts      │                │ • Shared Prefs │
            │ • Storage       │                │ • Analytics     │                │                 │
            │ • Edge Functions│                │                 │                │                 │
            └─────────────────┘                └─────────────────┘                └─────────────────┘

1단계: 비용 분석

Google Play 개발자 계정

Google Play 서비스 수수료

💡 전문가 팁: 구독자를 12개월 이상 유지하면 Google은 10%만 차감합니다.

대체 결제 (EEA)

유럽 경제 지역에서는 4% 할인 → 15% 대신 11% 적용됩니다.

2단계: Supabase 백엔드

무료 플랜 vs 프로 비교

⚠️ 무료 프로젝트는 1 주간 비활동 시 일시정지됩니다. 유료 사용자가 생기면 바로 업그레이드하세요.

3단계: 구독 흐름

    USER JOURNEY
    ═══════════

    ┌─────────┐         ┌─────────┐         ┌─────────┐         ┌─────────┐
    │  User   │ ──────▶ │ Paywall │ ──────▶ │ Google  │ ──────▶ │ Success │
    │  Taps   │         │ Screen  │         │  Play   │         │   🎉    │
    │ Upgrade │         │         │         │ Billing │         │         │
    └─────────┘         └─────────┘         └─────────┘         └─────────┘
                                                  │
                                                  ▼
    ┌─────────────────────────────────────────────────────────────────────┐
    │                         BACKEND FLOW                                │
    ├─────────────────────────────────────────────────────────────────────┤
    │                                                                     │
    │    Google Play ──▶ RevenueCat ──▶ Webhook ──▶ Supabase Edge Func   │
    │         │              │              │              │               │
    │    [Receipt]     [Validate]     [Notify]      [Update DB]          │
    │                                                                     │
    └─────────────────────────────────────────────────────────────────────┘

4단계: Flutter 코드 설정

의존성

# pubspec.yaml
dependencies:
  flutter:
    sdk: flutter
  supabase_flutter: ^2.0.0
  purchases_flutter: ^6.0.0  # RevenueCat
  flutter_bloc: ^8.1.0
  get_it: ^7.6.0             # Dependency Injection

Supabase 초기화

import 'package:supabase_flutter/supabase_flutter.dart';
import 'package:flutter/widgets.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await Supabase.initialize(
    url: 'YOUR_SUPABASE_URL',
    anonKey: 'YOUR_ANON_KEY',
  );

  runApp(MyApp());
}

final supabase = Supabase.instance.client;

RevenueCat 구매 서비스

import 'package:purchases_flutter/purchases_flutter.dart';

class PurchaseService {
  static Future<void> init() async {
    await Purchases.configure(
      PurchasesConfiguration('your_revenuecat_api_key'),
    );
  }

  static Future<List<Package>> getOfferings() async {
    final offerings = await Purchases.getOfferings();
    return offerings.current?.availablePackages ?? [];
  }

  static Future<bool> purchase(Package package) async {
    try {
      final result = await Purchases.purchasePackage(package);
      return result.customerInfo.entitlements.active.containsKey('premium');
    } catch (_) {
      return false;
    }
  }

  static Future<bool> isPremium() async {
    final customerInfo = await Purchases.getCustomerInfo();
    return customerInfo.entitlements.active.containsKey('premium');
  }
}

5단계: 가격 전략

추천 요금제

2025년 주요 통계

📊 계산식: 100명 × $9.99 × 85% = $849/월

실제 인디 개발자 수입

수입 분포

성공 사례

전체 기술 스택

스택 개요

시작 비용

┌───