Code Monkey home page Code Monkey logo

ishowta / universal-graphql-app-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.03 MB

GraphQL driven universal application boilerplate used PostgreSQL, PostGraphile, Relay, React and React Native.

License: MIT License

JavaScript 7.50% TypeScript 51.71% Starlark 1.33% Java 13.67% Ruby 1.77% Objective-C 9.95% HTML 3.91% PLpgSQL 5.61% Shell 2.72% CSS 1.75% Dockerfile 0.10%
react react-native postgraphile relay universal-applications

universal-graphql-app-boilerplate's Introduction

Universal GraphQL App Boilerplate (experimental)

GraphQL driven universal application boilerplate used PostgreSQL, PostGraphile, Relay , React and React Native

โš ๏ธ This app will probably work, but it's still experimental and can't be used in production.

Concept

  1. GraphQL Driven
    • All authorization and business logic written declarative in PostgreSQL and connect to GraphQL
    • Frontend state management centered on GraphQL by Relay
  2. Universal
    • Write once, work both Web and Mobile
  3. Simple, Friendly and Customizable
    • Less scripts and simple structure

Architecture

Architecture

  • Backend
    • RDB: PostgreSQL
    • Graphql Server: PostGraphile
    • Auth Service: Firebase Authentication
  • Frontend
    • Client Framework: React, React Native
    • GraphQL Client: Relay
    • UI Components: React native

Usage

  1. Create /.env.local and fill it.
  2. Setup firebase. See https://firebase.google.com/docs/web/setup and https://rnfirebase.io/auth/usage.
  3. As needed: yarn install, yarn setup, yarn start

Todo

  • Add real world sample
  • Setup production build and deploy
  • Add migration tool(migra?)
  • Add Tests(Jest, Cypass, Storybook, CI ...)
  • Add payment system(Stripe?)

universal-graphql-app-boilerplate's People

Contributors

ishowta avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.