Skip to content
You must be logged in to sponsor codinsonn

Become a sponsor to Thorr Stevens

@codinsonn

Thorr Stevens

codinsonn
Ghent, Belgium

'Move fast and Build things' with Zod, Expo + Next.js:

Hi, I'm Thorr 👋 a.k.a. codinsonn.dev ⚡️

  • Did some OS work on e.g. date-fns and bothrs/open-source
  • Spoke at conferences on why you should build cross-platform
  • 5+ years exp building with React, Expo & Next.js (Health, Commerce, Walmart)
  • Usually figuring out how Expo and Next.js can work together optimally:

Supporting me will grant you access to premium cross-platform starter repos, allowing you to build for iOS, Android, and the Web from the start:

Mention the template and use it for free
... or check the monthly/one-time tiers ➡️

{ ...💚 } GREEN stack template benefits?

Aetherspace - GREEN stack starter template for cross-platform React app development

🐦 Anouncement post
⚡️ Quickstart example
📚 Core Concepts

What the hell is the GREEN stack? 💚

In short, GREEN stands for these 5 core technologies:

  • GraphQL for typed and self-documenting APIs
  • React & React-Native for write-once UI
  • Evergreen components (extendable, themeable, with docs & types)
  • Expo for easy mobile development, deployment, and testing
  • Next.js for web, SEO, Static & Server rendering, API & Web-Vitals

The core idea is writing your app code or features just once with Typescript and React-Native, yet making it available on any platform or device without double implementations and without the need for different development teams.

How does 'Aetherspace' help, exactly? 🚀

Think of it as Unity for React Apps. Just like Unity aims to make cross-console game development a lot easier for (indie) game devs, Aetherspace's setup for the GREEN stack aims to do the same for cross-platform app development.

Core concepts

  • Cross-platform from the start
  • Take what works, make it better
  • Single sources of truth (Zod)
  • Write once, use anywhere
  • Documentation drives adoption

These help you move fast, save time and deliver more

Aetherspace is an opinionated framework that fills in the gaps of working and building with the GREEN stack:

  • How should I handle responsive design?
  • How do I avoid web layout shift when react-native styling does not support media queries or classnames?
  • How can I expose/read public env vars across multiple platforms?
  • How do I take advantage of optimizations like next/image on the web when that's not available in React-Native?
  • What's the best way to style and animate my UI elements for both web and mobile?

Just to name a few.

💼 Why this makes sense for your projects?

This template makes it nearly effortless to build for all platforms, helps keep teams small, and enables them to move fast when building new pages or features for phones, tablets, and/or the web.

For users:

  • Apps built for how they prefer to use software, whether that's as a website or an app on their phone/tablet
  • Can share any page or feature with a link that automatically deep links on the recipient's browser or app
  • All features available across all platforms

For developers:

  • Write-once navigation, UI, logic, data fetching & resolvers
  • Easily onboard new devs to the project with auto-generated Storybook docs
  • Defining data structure once vs. separately for types, graphql, docs & validation

For businesses:

  • Speed and flexibility to build, update & validate features for any platform
  • Having both a web and mobile app is a great competitive advantage.
  • Reach more users by being available on more devices
  • Free organic leads from web SEO ➡️ Easily guide users to mobile where higher conversions happen

More deliverables for less time invested = flexibility on budget / deadlines

30% of the profits get re-sponsored to the creators whose work Aetherspace builds on!

1 sponsor has funded codinsonn’s work.

@codinsonn

Reaching $3000 MRR would allow me to free up all of my time and work on Aetherspace full-time.

@straps

Featured work

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

    TypeScript 47
  2. codinsonn/date-fns

    ⏳ Modern JavaScript date utility library ⌛️

    JavaScript 2

Learn more about sponsoring developers and organizations.

Report abuse

0% towards $3,000 per month goal

Be the first to sponsor this goal!

Select a tier

$ a month

You'll receive any rewards listed in the $4 monthly tier. Additionally, a Public Sponsor achievement will be added to your profile.

$4 a month

Select

GREEN stack starter 💚

Personal license and access to the GREEN stack starter repo {...💚}

  • Build for GraphQL, Web, iOS & Android from the start with ease thanks to optimised Expo & Next.js
  • Automatically document your components in Storybook by using zod for single sources of truth
  • Merge additional "extension" or "plugin" branches to fit your specific needs! e.g. git merge with/mongoose
  • Unlimited personal OR small commercial projects (e.g. Solopreneurs)
  • This tier is appropriate for solo devs

$10 a month

Select

GREEN stack for Startups

  • Small commercial license and access to the GREEN stack starter repo ☝️
  • Unlimited personal OR small commercial projects (e.g. Startups < 10 employees)
  • This tier is appropriate for smaller startup companies

$50 a month

Select

Aetherspace for Studios

  • Commercial license and access to the GREEN stack project starter ☝️
  • This tier is appropriate for companies / studios with < 50 employees
  • (e.g. If you will regularly start projects with it for your own clients, but need no support)

$100 a month

Select

Aetherspace with Guidance

  • Full commercial license and access to the GREEN stack project starter ☝️
  • This tier is appropriate for companies with < 100 employees
  • Some priority will be given to your bug reports, feature requests and issues

$250 a month

Select

Aetherspace for Business

  • Full commercial license and access for Aetherspace ☝️
  • Priority will be given to your bug reports, feature requests and issues
  • If you wish, we can have a monthly consultancy or followup call
  • (e.g. Getting your devs set-up with the GREEN stack)

$1,000 a month

Select

Aetherspace for Enterprise

  • Full commercial license and access to Aetherspace ☝️
  • This tier is appropriate if your company is large or you are a hosting company
  • Full priority will be given to your bug reports and issues
  • You will also be able to suggest what work items should be worked on
  • If you wish, we can have 2 short consultancy calls a month
  • (e.g. To follow up on progress for suggestions)

$2,600 a month

Select

Dedicated GREEN stack Dev (4d, limited)

  • Full commercial license and access to Aetherspace ☝️
  • This tier is appropriate if you want cross-platform work done with Aetherspace
  • Full priority will be given to your bug reports and issues
  • You will also be able to suggest what work items should be worked on
  • If you wish, we can have a weekly consultancy or followup call about the roadmap of work items
  • If you wish, optimised set-up and onboarding can be provided to your team
  • If you wish, 4 days can be dedicated to work on a GREEN stack project for your company
  • Tier to be retired once limit of days has been reached