https://github.com/kevinadhiguna/rga-blog
A simple personal blog created using ReactJS, GraphQL with Apollo as GraphQL client and GraphCMS as the GraphQL API provider.
https://github.com/kevinadhiguna/rga-blog
apollo-client blog graphcms graphql react
Last synced: 3 months ago
JSON representation
A simple personal blog created using ReactJS, GraphQL with Apollo as GraphQL client and GraphCMS as the GraphQL API provider.
- Host: GitHub
- URL: https://github.com/kevinadhiguna/rga-blog
- Owner: kevinadhiguna
- Created: 2020-08-19T18:26:30.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-09-08T02:25:54.000Z (almost 4 years ago)
- Last Synced: 2025-01-11T12:19:13.483Z (over 1 year ago)
- Topics: apollo-client, blog, graphcms, graphql, react
- Language: JavaScript
- Homepage:
- Size: 493 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React-GraphCMS-Apollo Blog
A simple personal blog created using ReactJS, GraphQL with Apollo as GraphQL client and GraphCMS as the GraphQL API provider.
Report Bug
·
Request a Feature
## 📺 Demo
This app will show you the `title` you created in GraphCMS :
Other than `title`, the app will render the `post` that you created in GraphCMS :
For live preview, please visit :
## 📖 How to Run :
In the project directory, you can run these commands :
1) Create an application configuration file in JSON (`appConfig.json`), by copying `appConfig.dev.json` :
```bash
cp appConfig.dev.json appConfig.json
```
2) Please fill the `appConfig.json` with your GraphCMS URI. For example :
```diff
{
- "GRAPHCMS_URI": ""
+ "GRAPHCMS_URI": "https://api-ap-northeast-1.graphcms.com/v2/dfe3e5s3r8j73qw3ds14276c/master"
}
```
Unlike `appConfig.dev.json` that will handle application configuration for development environment, `appConfig.json` will not be tracked by Git (also not being uploaded to GitHub, GitLab, and other Git hosting services).
So, this does not violate Config in The Twelve-Factor App (a methodology to build SaaS). For more, please have a look at https://12factor.net/config.
3) Install Dependencies :
```bash
yarn
```
4) Run this app on your browser :
```bash
yarn start
```
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
