Start Gatsby with WordPress

Gatsby is now a day’s roar in the progressive web app. In this post, we will develop a workflow to integrate Gatsby with WordPress.

To integrate WordPress with Gatsby, the first step is set pretty permalink in WordPress. This enables us to use RESTful API from Gatsby app.

Continue reading “Start Gatsby with WordPress”

Finish this React application and future plan

This is the last part of Create react app with GraphQL in WordPress

In this finishing part, we build this application for production and plan for the next development workflow.

Building an application with the help of npm is pretty simple. Run

npm run build

and upload the files in the build folder in the server. You can see our application at reactblog.mrinalbd.com/. Also, can see the code if any need https://github.com/mrinal013/reactblog

Awesome experience to build this simple application. I heard some roar of Gatsby. Within a few days, I am going to build some stuff with Gatsby with WordPress.

Post Component in React

This is the sixth part of Create react app with GraphQL in WordPress

In this part, we will mainly develop a Post component for our application. But, before diving in main part, we will develop a Loading component for seeing landing or search status in our application. Let’s dive into Loading component development.

Continue reading “Post Component in React”

AppRouter setup with React, GraphQL, WordPress App

This is the second part of Create react app with GraphQL in WordPress

In this part, we will build src/AppRouter.js.


We will use { BrowserRouter, Route, Switch } from react-router-dom.
We will use ApolloClient and {gql} from apollo-boost package to connect React with Apollo. And import milligram CSS.
We will use the App component here. Also, Post and NotFound component import here from respective files.

Continue reading “AppRouter setup with React, GraphQL, WordPress App”

Setup for React front-end with GraphQL to Fetch WordPress back-end

This is first part of Create react app with GraphQL in WordPress

Download WP-GraphQL from https://github.com/wp-graphql/wp-graphql and rename it wp-graphql. Install it in WordPress and active this plugin as usual. Then, visit

domain.name/?graphql
WP-Graphql success message
wpgraphql success message

If it show a page of error, then confirmed wp-graphql plugin works.

Continue reading “Setup for React front-end with GraphQL to Fetch WordPress back-end”