Building Cross-Platform Apps with React Native + Next.js

on YouTube ↗16m

" summary

Company runs web + app that process millions in bookings while one developer ships a single frontend codebase; goal is sharing non‑UI code across Next.js and React Native. Built a monorepo script for Expo and Next deployments and a navigation bridge solido that maps Next URLs to React Navigation using React Navigation linking config so web and native use the same URL API. Also built zigo, a Radix‑style menu layer that uses native menus on iOS and JS fallback elsewhere. Works in production with Expo (custom dev client) and Vercel.

AI-written summary · about

" chapters (9)

1. 0:00Introduction and setup
2. 1:02React Native with Next.js overview
3. 2:25Navigation challenges and solutions
4. 4:53Introducing Solido library
5. 7:43Monorepo setup with Solido
6. 9:29Cross-platform abstraction lessons
7. 9:50Menus in React Native problem
8. 12:54Introducing Zigo library
9. 14:16Closing and call to action

" related talks

• 25mZero to $10 Million with React Native + Next.jsFernando Rojo · Next.js Conf 2021
• 22mIs React Native + Next.js production-ready?Fernando Rojo · Next.js Conf 2022
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 36mCross-platform: ReactNative, Jamstack, And BeyondSebastien Lorber · React Native EU 2020
• 26mIntroduction to Cross‑Platform Development with React Native and Expomrtry · DroidKaigi 2019
• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 35mMigration Web (Angular) to Mobile Development (React Native)Artem Paliy · VinnytsiaJS 2018
• 46mReact Native for Web Panel DiscussionReact Nexus 2023