Nexjs & react native combo

[kasinadhsarma]

Goals

1.Enable a shared codebase between Next.js (web) and React Native (mobile) for faster development cycles.
2.Create standardized patterns for navigation, routing, and API integration across platforms.
3.Reduce engineering effort for teams building universal apps using Expo + Next.js.

Non-Goals

1.It does not aim to replace platform-specific features or native APIs.
2.Not focused on integrating third-party services like Firebase, Auth0, etc.
3.Not aiming to create a new framework—just propose interop patterns and maybe a starter kit.

Background

There’s been a lot of discussion about "write once, run anywhere" but existing solutions like React Native Web or Expo Router still lack deep integration with Next.js features (like getServerSideProps, app/ directory, and ISR). Developers are forced to duplicate logic or hack around incompatibilities.

Expo's advances (e.g., Web support) and Next.js's component-driven architecture make now a great time to formalize best practices or tooling for seamless cross-platform dev

Proposal

• Create a template repo or starter kit combining Next.js (with Web output from Expo) and React Native (for iOS/Android) in one monorepo.
• Use Tamagui, Expo Router, or custom solutions to normalize navigation and design system.
• Provide utilities for shared API handlers, async storage, authentication, and server-state logic (e.g., React Query or TRPC).
• Document how to structure shared/ logic, platform/ overrides, and server functions.
• Yes, I’d be open to contributing!