Become a sponsor to Thorr Stevens
'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-fnsandbothrs/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
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/imageon 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.
Reaching $3000 MRR would allow me to free up all of my time and work on Aetherspace full-time.
Featured work
-
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 -
codinsonn/date-fns
⏳ Modern JavaScript date utility library ⌛️
JavaScript 2