Adding Google Custom Search to a headless Ghost blog with a React/Redux front end

The project

Image for post
Image for post

Setting up Google Custom Search

Image for post
Image for post
Add a new custom search engine by clicking the Add button on the CSE home page.
Image for post
Image for post
Enter the site(s) you want to search, select a language if necessary, and give your CSE a name.
Image for post
Image for post
Note the search engine ID.
Image for post
Image for post
Select Get started to get an API key
Image for post
Image for post
From the API page, click GET A KEY

Using Google Custom Search in a React app

Image for post
Image for post
Image for post
Image for post

Search results and Ghost

Example of a filter parameter for use in a Content API request
Image for post
Image for post

Summary

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store