Green Stack Starter Demo

Overview

This project, called Aetherspace, is a GREEN stack starter template for cross-platform React app development. It aims to make development easier by providing a setup for building web, iOS, Android, PWA, static, SSR, API routes, and GraphQL all at once. It also automatically documents your code with Storybook. Aetherspace is designed to help you move fast, save time, and deliver more in your cross-platform app development.

Features

• Cross-platform development for web, iOS, Android, PWA, static, SSR, API routes, and GraphQL
• Automatic code documentation with Storybook
• GREEN stack technologies: GraphQL, React/React Native, Evergreen components, Expo, and Next.js
• Single source of truth for code and features
• Responsive design support
• Solution for web layout shift in react-native styling
• Support for exposing/reading public env vars across multiple platforms
• Support for optimizing web images with next/image and using it in React Native
• Styling and animation options for both web and mobile

Installation

To get started with Aetherspace, follow these steps:

1. Install packages: yarn install
2. Run on web & mobile: yarn dev
3. Run with Storybook docs: yarn dev:docs

Summary

Aetherspace is a powerful framework that simplifies cross-platform React app development using the GREEN stack. It provides a setup for building apps for multiple platforms at once, while also offering automatic code documentation. Aetherspace fills in the gaps of the GREEN stack, offering solutions for responsive design, web layout shift, public env vars, and more. It aims to save developers time and make cross-platform development easier and faster.