Skip to content

Minimal starter for a universal Expo + Next.js app with their app routers already set-up. To add automation and a scalable way of working: `git merge with/green-stack`

Notifications You must be signed in to change notification settings

Aetherspace/universal-app-router

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 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

npm install
npm run dev

Open http://localhost:3000 with your browser to see your Next.js 14 app on web.

Install and/or open the Expo Go 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 and are built from the with/mdx-docs-nextra branch.

Alternative Universal App starters

See How to choose cross-platform tech 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 will always be FullProduct.dev 👇

Level up with FullProduct.dev ⚡️

Screenshot of FullProduct.dev

Git based Plugin Branches

"The best way to learn is through the Pull Requests"
-- Theo / @t3dotgg

Screenshot of list of Plugin Branches

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

Next adapter & related docs

About

Minimal starter for a universal Expo + Next.js app with their app routers already set-up. To add automation and a scalable way of working: `git merge with/green-stack`

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published