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). …


Photo by Markus Spiske on Unsplash

If you ever tried to get query params from next/router in useEffect , you probably have this similar issue which the params are undefined. A simple example would be something like this:


Photo by Joan Gamell on Unsplash

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.


Photo by Guillaume Bolduc on Unsplash

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.

Prerequisite

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.

Create Node.js App

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…


Photo by Stephen Phillips — Hostreviews.co.uk on Unsplash

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.

1. Download Docker Desktop

First, we need Docker Compose to…


Photo by David Ramírez on Unsplash

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.

We are going to use the Helm chart from Part 3 as an example for this. You can also find the source code for the Helm chart here.

1. Package Helm chart

The first step is to package our node-web-app Helm chart. Create a new directory called node-web-app (I…


Photo by Andrew Neel from Pexels

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:

  • Use flow control in Helm template
  • Use pipelines in Helm template

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.


Photo by Loik Marras on Unsplash

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:

  • Write a simple Helm Chart
  • Insert values to a Helm template
  • Install, upgrade, and rollback a Helm release

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 01-first-app.

You will need a few things to get started:

  • Minikube — tool that lets you run Kubernetes locally
  • Lens


Photo by Syed Hussaini on Unsplash

If you have been using Kubernetes for some time, you probably heard about Helm. But what is Helm actually? What does Helm really do?

What is Helm?

1. A Package Manager For Kubernetes

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.

Lee Yoong Ti

Just Another Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store