nx-expo-nextjs-tamagui icon indicating copy to clipboard operation
nx-expo-nextjs-tamagui copied to clipboard

Nx, Tamagui, Solito, Expo & Next.js example template

Nx, Expo, Next.js, Solito and Tamagui monorepo

GIF showing the site and app

🔦 About

This monorepo is a copy of the "next-expo-solito" monorepo found in the Tamagui starters repository. The only difference is that this monorepo is using Nx and the folder structure is slightly different because of that.

📦 Included packages

  • solito for cross-platform navigation
  • Expo SDK 45
  • Next.js 12
  • React Navigation 6
  • Tamagui

🗂 Folder layout

  • apps entry points for each app

    • site
    • app
  • libs

    • feature (home and user)
    • shared/provider (all the providers that wrap the app, and some no-ops for web)
    • navigation Next.js has a pages/ folder. React Native doesn't. This folder contains navigation-related code for RN. You may use it for any navigation code, such as custom links.

🏁 Start the app

  • Install dependencies
  • Build Tamagui: cd libs/ui && npm run build
  • Next.js: nx serve site
  • Expo: nx serve app

🧐 Why use Expo + Next.js?

See Fernando Rojo's (@FernandoTheRojo) talk about this topic at Next.js Conf 2021:

image