Mrinal, Author at MRINAL

Hello Gatsby

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

Hello GreenSock

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

Custom WordPress REST API

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

Setup for Gutenberg Block

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

Installing VVV

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.

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.

Finish this React application and future plan

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

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.

Author: Mrinal