iOS Development with Cuppa

Cuppa brings cross-platform development to iOS with seamless SwiftUI integration, allowing you to build beautiful native iOS applications while sharing business logic across platforms.

Why Cuppa for iOS?

• Native SwiftUI Integration: Build with SwiftUI components that feel right at home on iOS
• Shared Business Logic: Reuse your core application logic across Web, iOS, and Android
• Type Safety: Full TypeScript and Swift type safety throughout your application
• Hot Reload: Fast development with instant feedback
• Plugin Ecosystem: Extend functionality with authentication, data fetching, analytics, and more

Key Features

SwiftUI Components

Cuppa provides pre-built SwiftUI components that follow iOS Human Interface Guidelines:

• Form inputs and validation
• Navigation and routing
• Lists and data display
• Modals and sheets
• Custom theme support

Cross-Platform Architecture

Share code between platforms while maintaining native iOS experiences:

// Shared business logic from TypeScript
import CuppaCore

class ViewModel: ObservableObject {
    @Published var data: [Item] = []

    func fetchData() async {
        // Use shared Cuppa data layer
        let result = await CuppaData.query("items")
        self.data = result
    }
}

Native Performance

Cuppa compiles to native iOS code, ensuring optimal performance and smooth animations.

What You'll Learn

In this iOS section, you'll discover how to:

1. Install and Configure - Set up Cuppa for iOS development
2. Build Your First App - Create a SwiftUI app with Cuppa components
3. Understand Architecture - Learn how Cuppa integrates with iOS
4. Use SwiftUI - Work with Cuppa's SwiftUI component library
5. Customize Components - Adapt components to your design system

Next Steps

Ready to start building? Continue to the Installation guide to set up your iOS development environment.