Image for post
Image for post
How life is when you fully host your Wordpress site in docker successfully.

Wordpress is very popular these days, and so is Docker. Combining the two gives you a ton of flexibility such as moving your client’s Wordpress site to anywhere very quickly and having an easy way to spin it back up on a new server or VPS.

I have tried to follow other online tutorials on how to achieve this, but many are outdated.

In this article, I will walk you through how to conquer a fully hosted Wordpress site with a database, NGINX web server, and Certbot for SSL all in one docker-compose setup.

1. Initial Setup

When I have to host a Wordpress site, I usually have to include my own theme, plugins, and sometimes database data to make the site work the way it is supposed to. These are all completely possible to do with docker-compose in this article, but we will only be focusing on integrating our own theme and plugins into Wordpress. …


Image for post
Image for post
Vim Skeletons and File Templates

What is a Vim skeleton?

A skeleton in Vim is an autofilling template for file extensions. Most other advanced text editors and IDE’s most likely have this built in.

For example, I create a new HTML file and it automatically fills the file with the basic structure of an HTML file. Example:

$ vim test.html

Then with Vim magic, we have our basic structure already there:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Page Title</title>
<meta name="description" content="Description">
<meta name="author" content="Zachary Tyhacz">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<script src="js/scripts.js"></script>
</body>
</html>

Setup your skeleton files

Before we can add the functionality snippet to our .vimrc , we first have to make a folder to hold our skeletons and create an initial skeleton for our favorite programming language. …


Image for post
Image for post
Flowers

Getting a frontend development project started can be a bit tricky these days. There’s many tools, frameworks, libraries, package managers, and boiler plates to get started with. In this short get-started walkthrough, we will get a standard ReactJS application with TypeScript and Sass/SCSS set up and running incredibly fast using the Parcel bundler.

The Parcel Bundler is a newer and lesser known application bundler like Webpack, but the awesome thing about Parcel is that there is no configuration. You just get your project started and things ‘just work’.

With VueJS and ReactJS in the past, getting TypeScript and Sass setup can be a total configuration mess and pain. Scripts and configuration bloat my project and I like to stay a minimalist in a way. …

About

Zachary Tyhacz

welcome to the zacc stacc

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