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. 🙂
Author: Mrinal
Hello GreenSock
GreenSock is an awesome animation library. I will say hello to GreenSock with the react app.
Continue reading “Hello GreenSock”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.
Continue reading “Installing VVV”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 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.
Post Component in React
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.
Continue reading “Post Component in React”PostWidget component in React
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
Continue reading “PostWidget component in React”Posts component in React
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
Continue reading “Posts component in React”