https://github.com/adebayoileri/universal-app-starter
Expo + Next.js (with React Native Web) template styled using TailwindCSS & NativeWind, featuring a shared component library for developing universal React applications.
https://github.com/adebayoileri/universal-app-starter
expo nativewind nextjs react react-native tailwindcss universal-react
Last synced: 10 months ago
JSON representation
Expo + Next.js (with React Native Web) template styled using TailwindCSS & NativeWind, featuring a shared component library for developing universal React applications.
- Host: GitHub
- URL: https://github.com/adebayoileri/universal-app-starter
- Owner: adebayoileri
- License: mit
- Created: 2024-05-01T09:07:45.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-28T17:43:56.000Z (about 1 year ago)
- Last Synced: 2025-03-31T10:05:05.059Z (11 months ago)
- Topics: expo, nativewind, nextjs, react, react-native, tailwindcss, universal-react
- Language: TypeScript
- Homepage:
- Size: 966 KB
- Stars: 79
- Watchers: 3
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Universal App Starter
## Get Started
**Must have Node and Yarn(v1.22.19) installed to setup locally**
```sh
yarn
```
## Development
```sh
yarn run dev
```
## Build
```sh
yarn run build
```
### Folder Structure
This monorepo consists of the two workspaces `apps` & `packages`
```bash
universal-app-starter
└── apps
├── native
└── web
└── packages
├── ui
└── app
```
### Apps and Packages
- `apps/native`: a [react-native](https://reactnative.dev/) app built with [expo](https://docs.expo.dev/)
- `apps/web`: a [Next.js](https://nextjs.org/) app built with [react-native-web](https://necolas.github.io/react-native-web/)
- `packages/ui`: a shared package that contains shared UI components between `web` and `native` applications
- `packages/app`: a shared package that contains shared logic between `web` and `native` applications
### Technologies
- [Expo](https://docs.expo.dev/) for native development
- [Next.js](https://nextjs.org/) for web development
- [React Native](https://reactnative.dev/) for native development
- [React Native Web](https://necolas.github.io/react-native-web/) for web development
- [NativeWind](https://www.nativewind.dev/) styling solution for native
- [TypeScript](https://www.typescriptlang.org/) for static type checking
- [Prettier](https://prettier.io) for code formatting
- [Turborepo](https://turborepo.dev/) build system for managing monorepo
### Misc
Interested in setting up a similar project from scratch? Check out the article [here](https://dev.to/adebayoileri/building-a-universal-react-app-with-expo-nextjs-nativewind-3829)
### Author
#### [Adebayo Ilerioluwa](https://github.com/adebayoileri)