Features Overview
Catalyst is built around a small set of framework capabilities that work together: SSR, route-aware data loading, a shared web and mobile application model, and production-oriented configuration.
Server-Side Rendering
- SSR is enabled by default for every route.
- Improves first load performance and crawlability.
- Supports data hydration for smooth client navigation.
Universal App Delivery
- Build web, iOS, and Android apps from one React codebase.
- Keep shared business logic while allowing platform-specific UI when needed.
- Use one project for browser and native app delivery with consistent cache behavior across platforms.
Learn more about Universal Apps →
Routing And Layouts
- Route configuration with nested layouts.
- Predictable SSR + client navigation behavior.
- Clean separation of page and shell concerns.
Data Fetching Model
serverFetcherfor SSR data.clientFetcherfor post-hydration transitions and refresh.- Route-level data access hooks.
Native Device APIs
- Camera, files, storage, haptics, notifications, and device info.
- Unified usage model through hooks.
- Platform-aware behavior across Web, iOS, and Android.
Performance And Reliability
- Cache bundled static assets in universal apps, such as JS, CSS, images, and other files matched by
cachePattern, to improve startup and repeat-load speed. - Reuse fetched route data on the client through the
serverFetcherandclientFetcherflow so navigation stays fast after hydration. - Store app-level data in device storage when needed for persistence, offline resilience, and faster resume behavior.
Performance and Cache Management →
Build And Deployment Readiness
- Optimized production bundles.
- Catalyst app deployment and universal app deployment paths.
- Android build optimization support.