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.
Continue reading “Hello GreenSock”
Currently, I am using wpdb plugin boilerplate. For this quick experiment, I create a plugin name with
Continue reading “Custom WordPress REST API”
Create a folder named
Continue reading “Setup for Gutenberg Block”
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.
Continue reading “Installing VVV”
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”
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.
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”
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”
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”