This is a rough but working demo to provide an example of using Consonance GraphQL as a data source to automate the publishing task of generating advance information sheets in PDF.
This project was bootstrapped with Create React App and uses react-pdf to write the PDFs.
If CORS access provides an insurmountable hurdle to your using GraphQL, please contact us on [email protected] as we may decide to allowlist client apps.
In this demo app, we have used a Netlify function to accommodate CORS. This is a good article to get the gist of what we're doing here. https://www.digitalocean.com/community/tutorials/nodejs-solve-cors-once-and-for-all-netlify-dev
Clone this repo. Run yarn to build your node modules.
Use Netlify's free tier to run in development and also deploy to the internet. You will need an account and a Netlify project. Install Netlify CLI and follow their instructions to get set up.
npm i -g netlify-cli
$ netlify init # or `ntl init`
Start a local proxy server:
$ netlify dev # or `ntl dev`
You can even share a live development server: see the Netlify docs for more detail.
netlify dev --live
You'll need to add a state.json file in the .netlify folder, with these contents:
{
"siteId": "your-site-id"
}
You should see the proxy server run on localhost:8888.
You'll need to add a .env file at the root of the project and add in your Consonance keys. Use these names, and replace the long string with your real Consonance key.
REACT_APP_CONSONANCE_KEY=asdfghjkijuhygtfdcfvghjklkjhgfvcvb
REACT_APP_URL=https://web.consonance.app/graphql
Locally, run:
yarn run build
Then:
netlify deploy --prod
There are two designs sketched out. Uncomment either App.js or Design.js in index.js.