Ecosyste.ms sponsors
An open API service aggregating public data about GitHub Sponsors.
An open API service aggregating public data about GitHub Sponsors.
Full-product Universal App Engineer helping you target every platform at write-once efficiency 🚀 Expo ⚡ Next.js
Funding Links: https://github.com/sponsors/codinsonn
'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!
A Zod & TS-first approach to building Full-Product Universal App experiences with GraphQL, React-Native, Expo & Next.js, at write-once efficiency.
Language: TypeScript - Stars: 47⏳ Modern JavaScript date utility library ⌛️
Language: JavaScript - Stars: 2