Green Stack Starter Demo is a Zod- and TypeScript-first universal app starter kit from FullProduct.dev that scaffolds a cross-platform Expo (iOS/Android) and Next.js (web + SSR) codebase with GraphQL, React Query, and Turborepo monorepo architecture.
What is the Green Stack Starter Demo?
The Green Stack Starter Demo is a GitHub template repository that produces a complete universal app monorepo. You clone or generate it from the template, run npm install and npm run dev, and get a Next.js app at http://localhost:3000 plus mobile apps through Expo Go (npm run ios / npm run android). It was built by Thorr (codinsonn.dev) and combines the GREEN stack — GraphQL, React Native, Expo, and Next.js — with TypeScript, Zod, and Tailwind (via NativeWind) as shared foundations. The kit's core goal is write-once efficiency: more than 90% of UI and logic is shared across web, iOS, and Android.
Key Features
- Write-once universal UI — Build for web, iOS, and Android from a single codebase using React Native primitives (View, Text, Image) plus NativeWind for Tailwind styling, so platform-specific duplicate work is minimized.
- Copy-pasteable monorepo architecture — Turborepo workspaces are organized by domain/feature rather than frontend/backend split; each feature workspace co-locates its UI, API, models, schemas, and utils for easy reuse across projects.
- Zod as single source of truth — Define data shape once in a Zod schema, then automatically derive types, validation, docs, and DB models, keeping everything in sync and reducing bugs.
- Universal data fetching — GraphQL definitions and queries are derived from Zod schemas, and React Query fetches data the same way on the server, in the browser, and on mobile.
- Built-in code generation — Generators for schemas, resolvers, forms, and new generators speed up feature development and reduce boilerplate.
- Rich interactive docs — Full documentation at fullproduct.dev/docs includes best practices and auto-generated UI, API, and type docs from Zod schemas, easing onboarding and giving AI coding assistants useful project context.
- EAS builds and deeplinks — Expo Application Services handles app store builds, while universal routing and deep linking are included for cross-platform navigation.
- Demo app included — The template ships with a well-rounded universal app setup: Turborepo workspace structure, universal routing, GraphQL API routes, and React Query integration.
Who is it for?
- Indie developers and solopreneurs — Launch one app to web, iOS, and Android simultaneously without maintaining multiple codebases.
- Startup teams — Build MVPs quickly on a scalable monorepo foundation, with reusable feature folders for future growth.
- Experienced engineers — Use the pre-built abstractions, code generators, and domain-oriented architecture to skip repetitive setup and speed up onboarding and handovers.
- Agencies and freelancers — Copy self-contained feature workspaces between client projects to maximize code reuse and reduce delivery time.
What can you do with it?
- Mobile-first product teams: Ship an Expo iOS/Android app plus a Next.js web app with SSR and SEO from one repository, sharing UI components and GraphQL queries.
- Prototype builders: Generate a full-stack app skeleton in minutes using the GitHub template workflow, then extend it with your own feature workspaces.
- Teams adopting type-safe workflows: Define Zod schemas and get automatic TypeScript types, validation, and API docs without manual synchronization.
Frequently Asked Questions
Is FullProduct.dev free?
The base/demo version is open source under the FullProduct.dev Demo Source-Available License. Commercial use is allowed below a stated revenue threshold, and you may redistribute the demo code with attribution. A paid license is required for private distribution or removing attribution.
It targets web via Next.js and mobile via Expo for iOS and Android. Universal routing, deep linking, and React Query data fetching work consistently across all three platforms, and EAS handles app store builds.
Will there be plugins?
Git-based plugins for auth, database, email, and payments are planned for the future. The base version is designed to be extended with your own feature workspaces and those upcoming plugins.
Can beginners use it?
If you know the basics of JavaScript and React, the built-in markdown docs show you how to build universal apps. It also introduces React Native and Expo skills that are valuable in the job market.
