Gatsby Default Starter

Today I publish gatsby static site at https://blissful-mcnulty-5669ea.netlify.com/.Really nice to build and connect gatsby static sites with dynamic WordPress. 🙂

GreenSock is an awesome animation library. I will say hello to GreenSock with the react app.

Currently, I am using wpdb plugin boilerplate. For this quick experiment, I create a plugin name with code

Create a folder named guten-awesome in /wp-content/plugins/. Inside guten-awesome folder creates a starting file for our plugin. It can be any name. Which file has plugin header, this would be the main file. For simplicity, let it plugin.php

VVV ( Varying Vagrant Vagrants) is a 10up.com creation to easily setup WordPress environment. VVV includes long list of development tools that will be time consuming and complex to set up manually. Currently, by installing VVV we will get 25 tools.

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.

This is the sixth part of Create react app with GraphQL way of WordPress data In this part, we will develop a Post component for our application. But, before diving in this, we will develop a Loading component for seeing landing or search status in our application. Let’s dive into Loading component development.

This is the fifth part of Create react app with GraphQL way of WordPress data In this part, we will develop PostWidget component and a small edit of src/components/AppRouter.js

This is the fourth part of Create react app with GraphQL way of WordPress data In this part, we will develop Posts component at src/components/Posts.js

This is the third part of Create react app with GraphQL way of WordPress data In this part, we will build the App component at src/components/App.js Here kick on styled-components. And we use Posts and PostWidget component here. For that, we can introduce props.

This is the first part of Create react app with GraphQL way of WordPress data 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 If it shows a page of error, then confirmed wp-graphql plugin works.

Assume, create-react-app installed. Otherwise, follow https://mrinalbd.com/start-adventure-with-react/ Install brand new app with bash command. Then, change directory and npm start with following command App will start at http://localhost:3000/