An open API service indexing awesome lists of open source software.

https://github.com/noud/gripp-api-platform-gatsby-react-graphql

Gatsby React, static Progressive Web App (PWA), mobile client consuming GraphQL API
https://github.com/noud/gripp-api-platform-gatsby-react-graphql

gatsby graphql react

Last synced: about 2 months ago
JSON representation

Gatsby React, static Progressive Web App (PWA), mobile client consuming GraphQL API

Awesome Lists containing this project

README

          

# [Gatsby](https://www.gatsbyjs.org) [React](https://reactjs.org) static [Progressive Web App (PWA)](https://en.wikipedia.org/wiki/Progressive_web_applications) [GraphQL](https://graphql.org) to [API v3](https://api.gripp.com/public/api3.php) from [Gripp.com](https://www.gripp.com)

![Gripp client Gatsby React](./docs/gatsby-graphql-gripp.png?raw=true "Gripp client Gatsby React")

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://raw.githubusercontent.com/noud/gatsby-graphql-gripp/master/LICENSE)
[![master](https://img.shields.io/badge/current-dev-aa11ff.svg)](https://github.com/noud/gatsby-graphql-gripp/releases)

[API-First](https://swagger.io/resources/articles/adopting-an-api-first-approach/) development to facilitate a [Rapid-application development (RAD)](https://en.wikipedia.org/wiki/Rapid_application_development) process.

## [Gripp Symfony](https://github.com/noud/gripp_symfony/blob/master/README.md) back end

## ๐Ÿš€ Quick start

1. **Start developing.**

Navigate into your new siteโ€™s directory and start it up.

```sh
cd gatsby-graphql-gripp/
gatsby develop
```

1. **Open the source code and start editing!**

Your site is now running at `http://localhost:8000`!

_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

Open the `gatsby-graphql-gripp` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!

## ๐Ÿ’ซ Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/noud/gatsby-graphql-gripp)

## Tools

Created with [React in Eclipse](https://www.genuitec.com/tech/react-in-eclipse) ([Eclipse Marketplace](https://marketplace.eclipse.org/content/react-codemix))
[Eclipse](https://www.eclipse.org/) is free open-source project that grows with your contributions.