Request for Multi-Frontend Architecture Support: Next.js, TanStack Router, and React Native

[PinkyCodeMaster]

Description:

I would like to extend our current setup to support multiple frontends. Specifically, I'd like to integrate the following technologies into the architecture:

Next.js for the server-side rendering (SSR) and hybrid rendering for our web application.

TanStack Router to handle the routing within Next.js and React Native apps, providing a type-safe and modern routing solution.

React Native (with Expo) to build a mobile application that shares logic with the Next.js frontend.

This setup will enable us to:

Have a dedicated admin website built with Next.js.

Create a storefront for e-commerce, also in Next.js.

Build a mobile app using React Native (via Expo with NativeWind) to provide a unified experience across web and mobile.

Goal:
To make it easy to integrate multiple frontends into a single project while maintaining code sharing, consistency, and a unified experience across platforms.

Proposed Approach:
Web Frontend: Implement Next.js as the primary framework for both the admin website and storefront.

Mobile Frontend: Utilize React Native for building the mobile app using Expo for fast iteration and NativeWind for styling.

Routing Solution: Integrate TanStack Router for unified routing logic across both Next.js and React Native apps.

This will also help in maintaining type safety across both web and mobile frontends, improving the developer experience.

Advantages:
Consistent code sharing between web and mobile.

Unified routing logic across web and mobile apps.

Easy future scalability to add more frontends or features as needed.