https://github.com/Aetherspace/green-stack-starter-demo
A Zod & TS-first approach to building Full-Product Universal App experiences with GraphQL, React-Native, Expo & Next.js, at write-once efficiency.
https://github.com/Aetherspace/green-stack-starter-demo
boilerplate cross-platform expo graphql green-stack nextjs react react-native react-native-web starter-kit template time-savers typescript zod
Last synced: 18 days ago
JSON representation
A Zod & TS-first approach to building Full-Product Universal App experiences with GraphQL, React-Native, Expo & Next.js, at write-once efficiency.
- Host: GitHub
- URL: https://github.com/Aetherspace/green-stack-starter-demo
- Owner: Aetherspace
- License: other
- Created: 2022-09-21T18:39:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-13T19:44:37.000Z (about 1 year ago)
- Last Synced: 2024-08-02T06:14:50.790Z (9 months ago)
- Topics: boilerplate, cross-platform, expo, graphql, green-stack, nextjs, react, react-native, react-native-web, starter-kit, template, time-savers, typescript, zod
- Language: TypeScript
- Homepage: https://aetherspace-green-stack-starter.vercel.app
- Size: 4.03 MB
- Stars: 47
- Watchers: 2
- Forks: 4
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
- awesome-universal-react - Aetherspace - Expo + Next.js template repo + Zod for Single Sources of Truth, automated Storybook Docs and write-once data resolvers for REST & GraphQL (Starter Kits / Learning more about React Native as a Web Developer)
README
# Universal Expo + Next.js App Router Starter
A minimal starter for a universal Expo + Next.js app with their respective app routers.
It's a good starting point if you want to:
- ✅ make use of app-dir file based routing in expo and next.js
- ✅ have a minimal monorepo setup with Typescript but no monorepo tool yet
- ✅ leave all other tech choices for e.g. styling, dbs, component libs, etc. up to you
> This template repo is the result of a frequent exercise where I attempt to recreate the [FullProduct.dev](https://fullproduct.dev) Universal App Starterkit from scratch. I usually do this using the latest recommended expo + next.js starter from the Expo docs. This helps me see whether the setup and config for the Universal App Starter can be simplified. Also handy to notice where issues occur and how to fix them.
## Getting Started
```bash
npm install
```
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see your **Next.js 14** app on web.
Install and/or open the [Expo Go](https://expo.io/client) app on your phone and scan the QR code to test your **Expo SDK 51** app on mobile.
## Documentation
All docs for this basic Universal Starter can be found at [universal-base-starter-docs.vercel.app](https://fullproduct.dev/docs/) and a local version can be built from the `with/automatic-docs` branch.
## Alternative Universal App starters
See [How to choose cross-platform tech](https://dev.to/codinsonn/why-use-react-native-over-flutter-a-recap-57b0) on dev.to for our more detailed list of alternatives.
**The main recommendation for a more opinionated, more automated and extensible Universal Expo + Next.js starter to [move fast and build things](https://dev.to/codinsonn/how-to-compete-with-elons-twitter-a-dev-perspective-4j64) will always be FullProduct.dev 👇**
## Level up with [FullProduct.dev](https://fullproduct.dev) ⚡️
[](https://fullproduct.dev)
### Git based Plugin Branches
> "The best way to learn is through the Pull Requests"
> -- Theo / @t3dotgg
[](https://github.com/Aetherspace/universal-app-starter/pulls)
**PR & branch based plugins will provide you with the ability to:**
✅ learn what code and files change together to add a feature
✅ inspecting the diff that makes it possible
✅ check-out, test and edit a plugin before merging
*This universal base starter already has some git-based plugins in the form of mergeable pull-request.*
Needless to say, the FullProduct.dev Universal App starterkit will take this to a next level with plugin branches for:
🔐 Universal Auth
💸 Payment systems like Stripe
✉️ Sending & building emails
📚 Automagic documentation
🔌 Various database integrations
On top of so many other options, you'll also be able to move *even faster* thanks to:
🚀 Codegen & automation so you can focus on business logic
📋 Way of Working built for copy & pasting entire features across projects
💡 Innovative way to use Zod as the Single Source of Truth for all data defs
> Sound interesting? 👉 [FullProduct.dev](https://fullproduct.dev)
## Next adapter & related docs
- [Next Adapter repo](https://github.com/expo/expo-cli/tree/main/packages/next-adapter)
- [Expo](https://expo.io/)
- [Next.js](https://nextjs.org/)