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. 🙂
Category: WordPress
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”AppRouter setup with React, GraphQL, WordPress App
This is the second part of Create react app with GraphQL way of WordPress data
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, import Post and NotFound components in src/AppRouter.js from respective files.
Setup for React front-end with GraphQL to fetch WordPress back-end
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
domain.name/?graphql
If it shows a page of error, then confirmed wp-graphql plugin works.
Continue reading “Setup for React front-end with GraphQL to fetch WordPress back-end”Create react app with GraphQL way of WordPress data
I am not going to compare REST vs GraphQL. As a silly Web developer, it is out of my boundary. If you are curious about this comparison, here are some good resources I found –
Also, GraphQL is topics in WordPress now-a-day.
https://kinsta.com/blog/wordpress-revolution-with-graphql/
You can find some other article about this tech war.
Anyhow, lets go to our main topics.
To make our journey a little easier, I will divide this development process in some parts.
Remember, I am writing these posts with share my development process. So, any part can be update in future part.
All posts are not completed yet. I am trying to complete all in next few days.
Create a react application with WordPress Rest API
Assume, create-react-app installed. Otherwise, follow https://mrinalbd.com/start-adventure-with-react/
Install brand new app with bash command.
npx create-react-app mrinalreact
Then, change directory and npm start with following command
cd mrinalreact && npm start
App will start at http://localhost:3000/
Amazing travel with WP-CLI
WP-CLI is a great tools for develop and manage WordPress site without hassle.
Install WP-CLI
Before drive a bus, first need driving license. So, to use WP-CLI, install it in computer. I am using it on Ubuntu 16.04 operating system. LAMP stack and default terminal will fit for this. Open old, fat, big, black TERMINAL. If computer has already CURL installed, then type
$ curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.pharContinue reading “Amazing travel with WP-CLI”