Recently I added a new plugin called Yoast SEO Premium 16.6.1 to Wordpress. It has something called redirect manager which it will automatically adds a redirect when it detect a URL change. In most cases, it is a good thing as it prevents users from landing 404 error page.
However, if you are using it with Polylang 3.0.6, another plugin for multilingual, you will get some wonky behaviour. Every time you add a new post, it will automatically add a redirect from root path of a language(i.e www.example.com/en-us) to the new post that you have added(i.e www.example.com/en-us/my-new-post). …
If you ever tried to get query params from
useEffect , you probably have this similar issue which the params are undefined. A simple example would be something like this:
Came across this warning when using
dangerouslySetInnerHTML on ReactJS.
Warning: Prop `dangerouslySetInnerHTML` did not match. Server...
Here is the snippet that causes the problem:
Notice how I set input holding the
<p> tag value as string, to a
<p> tag on the JSX.
The fix is simple, just change the
<p> tag on the JSX to a
<div> , like so
Not only it fixes the warning, it also more semantically correct on HTML.
You probably heard of Docker and all the good things about it, at the very least, you have seen the blue whale logo. Today, we are going to go through how to containerise and publish a simple application using Docker.
Before we start, make sure you have Node and Docker installed on your machine. You can download Node here and Docker Desktop here. NPM(Node Package Manager) comes with Node and Docker comes with Docker Desktop.
First, let’s create the Node.js application. Run the following commands in your terminal.
# Create a directory named hello-world
mkdir hello-world# Change directory to…
Whenever we do any sort of development, it makes sense we can run our app locally to test it out before we publish it to production. However, setting up local server like XAMPP/MAMP takes some work. If you are working in a team, each of your teammate has to go through the steps setup on their local machine. Wouldn’t be nice if you can just have the same codebase, run a single command, and Voilà, you have Wordpress ready and running? Docker can help us with that and it is very simple to setup.
Previously we looked at how we can deploy a Node app using Helm. It is nice and all, but one of the main reason we want to use Helm chart is to share right? Today, we are going to look at how we can publish our Helm chart to Artifact Hub by using Github Pages.
The first step is to package our node-web-app Helm chart. Create a new directory called
We have seen how we can create a simple Helm Chart. This time we are going to take a look at flow control and pipelines in Helm.
At the end of this post, you should be able to:
If you want to follow along or take a look at the code, you can find it here.
This is the app(2 apps actually) that we want to deploy.
Now that we understand what Helm can do for us, let’s create a simple Helm Chart from an existing Kubernetes YAML files. By the end of the post, you would know how to:
Feel free to download the repo and code along if you choose to do so. You can find the repo here. The app we will be going through is
You will need a few things to get started:
If you have been using Kubernetes for some time, you probably heard about Helm. But what is Helm actually? What does Helm really do?
In simplest term, Helm is the package manager for Kubernetes, just like NPM for Node, Composer for PHP, Go Mod for Golang.
Let’s you want to deploy a simple app called
my-app as followed.
Just Another Software Engineer