Complete documentation for building cross-platform mobile apps with Next.js, React, and Capacitor.
- Get Started with NextNative - Quick guide to clone, install, and set up your development environment for iOS and Android
- Getting Started Guide - Comprehensive setup walkthrough including Firebase, database configuration, and mobile development basics
Step-by-step guides to help you build and ship your mobile app:
- Ship in 5 Minutes - Get your mobile app running quickly with a production-ready messenger template, includes iOS and Android setup
- Ionic Router - Learn to use Ionic Router for smooth app-like transitions, tab-based navigation, and nested routes
- Native Device Features - Access device capabilities like camera, storage, sharing, and geolocation using Capacitor plugins
- Splash Screen Setup - Customize native and in-app splash screens with animations for a professional first impression
- Onboarding Flow - Build a customizable onboarding experience with smooth transitions and persistent state
Reusable UI components for mobile screens:
- Modal Component - A reusable modal system with
useModalControllerhook andModalWrapperfor clean layouts - ScreenContainer - Layout wrapper providing consistent spacing, safe area padding, and scroll support for mobile screens
Core features and integrations for your mobile app:
- Firebase Authentication - Complete setup for iOS and Android authentication with Google Sign-In and Apple Sign-In
- Database (Supabase) - Connect Supabase for data storage or replace with your own PostgreSQL setup
- In-App Purchases - Set up subscriptions and purchases with RevenueCat for iOS and Android
- Next.js API Routes - Create API routes, fetch data with SWR, handle authentication, and support CORS
- Push Notifications - Implement Firebase Cloud Messaging (FCM) for iOS and Android push notifications
Essential steps before submitting to App Store and Google Play:
- Deployment Checklist - Overview of all deployment preparation steps
- Rename Your App - Change app name and bundle identifiers for iOS and Android
- Change App Icon - Generate app icons and splash screen assets for all platforms
- Build App for Production - Final steps to build your app for production release
NextNative is built with:
- Next.js - React framework for web and API routes
- Capacitor - Native runtime for iOS and Android
- Ionic Framework - Mobile UI components and router
- Firebase - Authentication and push notifications
- Supabase - Database and backend services
- RevenueCat - In-app purchases and subscriptions
- SWR - Data fetching and caching
- Node.js 20 or greater
- iOS Development: macOS with Xcode 16.0+, Xcode Command Line Tools, Homebrew, and CocoaPods
- Android Development: Android Studio and Android SDK