Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pgm-benobira/pgm-platform

Platform for the Programming Graduate made with React, linked to Hygraph (GraphCMS) for the content.
https://github.com/pgm-benobira/pgm-platform

css-modules hygraph react react-router seo

Last synced: 2 days ago
JSON representation

Platform for the Programming Graduate made with React, linked to Hygraph (GraphCMS) for the content.

Awesome Lists containing this project

README

        

[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/zYbJnoN2)
# graphcms-boilerplate

GraphCMS Boilerplate

## Client

Create a new react app with create-react-app named `client`

create `.env`-file
`.env` file under the client folder with the following content:

```
REACT_APP_NODE_ENV=development
REACT_APP_HYGRAPH_CONTENT_API=
REACT_APP_HYGRAPH_ACCESS_TOKEN=e
REACT_APP_AUTH_KEY_LOCALSTORAGE=react-boilerplate-pgm-4:currentUser
```

## Seeder

`development.env` file under server folder with the following content:

```
NODE_ENV=development
HYGRAPH_CONTENT_API=
HYGRAPH_ACCESS_TOKEN=
```

## Server

`development.env` file under server folder with the following content:

```
NODE_ENV=development
HOST=127.0.0.1
POST=8080
JWT_SECRET=
JWT_EXPIRE=24h
HYGRAPH_CONTENT_API=
HYGRAPH_ACCESS_TOKEN=
```

## Deployment

### Stap 01

![Render.com | New Web Service](./docs/assets/images/render_stap01.png)

### Stap 02

![Render.com | New Web Service](./docs/assets/images/render_stap02.png)

### Stap 03

![Render.com | New Web Service](./docs/assets/images/render_stap03.png)

### Stap 04

![Render.com | New Web Service](./docs/assets/images/render_stap04.png)