plugin: GREEN stack

[codinsonn]

Plugin features when merged

Sets you up with the GREEN stack:

• Apply the changes from the with/portability-pattterns plugin branch (#3 plugin: Portability Patterns)
• Apply the changes from the with/nativewind plugin branch (#1 plugin: Nativewind)
• Apply the changes from the with/turborepo plugin branch (#8 plugin: Turborepo)
• Apply the changes from the with/graphql-server-apollo plugin branch (#5 plugin: Graphql Apollo)
• Apply the changes from the with/react-query plugin branch (#6 plugin: React Query)
• Fleshes out the .example.env files and adds notes for how to manage them Locally, or in Expo & Vercel
• Creates the @green-stack/core package and moves all essential core files there

Schemas as Single Sources of Truth

• Adds zod as a way to build schemas that serve as single sources of truth
• createDataBridge() to bundle input & output schemas, resolver & API paths, reusable on server ↔️ client
• bridgedFetcher() helper to build typed fetcher fn from a DataBridge created by createDataBridge()
• createResolver() helper to build flexible zod & DataBridge powered resolvers for REST & GraphQL
• schemaPlugin() helper to build your own schema powered helpers / utils / automations
• generateSchema() helper to build the executable graphql schema automatically from resolvers

Designed for Copy-paste

• @app/registries workspace to keep track of generated files and support a new driver system
• check-workspaces script to see if copy-pasted package/feature workspaces are missing stuff
• link-routes script to automatically link routes from workspaces in expo & next.js
• collect-resolvers script to collect all resolvers across workspaces in resolvers.generated.ts
• collect-drivers script to keep track of all drivers defined under .../{workspace}/drivers/...
• collect-generators script to register all generators from across workspaces
• npx turbo gen workspace generator to create new package or feature workspaces

Universal App helpers and improvements

• Fleshes out utils in @green-stack/core with helpers for strings, arrays, objects, numbers, scripts, json, ...
• Improves Link component with type hints for known routes, injecting params through props
• useLayoutInfo() hook for measuring Views or other layout elements in Expo & Next.js

When upgrading to FullProduct.dev ⚡️

Codegen to create new features easily - with/codegen

• npx turbo gen schema generator to create new Schema as Single Sources of Truth
• npx turbo gen resolver generator to create new Resolvers and/from input & output schemas
• npx turbo gen route generator to create new Universal Routes and Screens
• npx turbo gen form generator to create new form hook that integrates with schemas / resolver inputs
• npx turbo gen generator generator to create your own generators
• npx turbo gen script generator to create a new executable node script

Automagic Docgen - with/automatic-docs

• regenerate:docs script to build interactive Nextra docs from React components & prop examples
• Also automatically generates docs for resolvers (API's) and schemas
• Allows you to flesh out generated docs by adding a {Component}.docs.mdx file next to it
• Storybook-like controls to play around with for Component Previews inside Nextra & built with Next.js
• Automatically picks up any other .docs.mdx to deduplicate it within @app/docs (more portable)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
universal-app-router	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 30, 2025 7:09pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
universal-base-starter-docs	⬜️ Ignored (Inspect)	Visit Preview		Jun 30, 2025 7:09pm