https://github.com/amosbastian/nx-expo-nextjs-tamagui

Nx, Tamagui, Solito, Expo & Next.js example template
https://github.com/amosbastian/nx-expo-nextjs-tamagui

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/amosbastian/nx-expo-nextjs-tamagui
• Owner: amosbastian
• Created: 2022-07-20T23:13:59.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-21T22:32:41.000Z (over 2 years ago)
• Last Synced: 2024-08-01T08:14:12.356Z (4 months ago)
• Language: TypeScript
• Homepage:
• Size: 970 KB
• Stars: 29
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - amosbastian/nx-expo-nextjs-tamagui - Nx, Tamagui, Solito, Expo & Next.js example template (TypeScript)

README

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







## 🔦 About

This monorepo is a copy of the "next-expo-solito" monorepo found in the [Tamagui starters repository](https://github.com/tamagui/starters).

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](https://twitter.com/fernandotherojo)) talk about this topic at Next.js Conf 2021: