I’ve been fascinated with GitHub Actions as I really like the idea of having the build and deployment configuration closely knit with the repository itself. I also like the use of YAML to define the entire workflow. I recently covered how to deploy an app to GitHub Pages itself, but then I thought to myself how would I deploy an app externally, let’s say to an Azure storage account, for example? This article aims at answering this question.
At a high level, we’ll cover the following in this article:
If you’re learning TeamCity (like me), you might find the free trial period too short to experiment with to your heart's content. Luckily, the folks at JetBrains have a solution for you — host TeamCity yourself. Even better is the fact that the installation is not dreadful at all, as you might’ve imagined. I’ve recently set it up on my personal device and this article aims at walking you through this process.
We’ll be setting up a TeamCity server locally using Docker. So, first, let’s go ahead and install Docker. …
“What a bright sunny day it is,” James woke up to the sound of birds chirping. He looked over to the other side of the bed and found that his wife, Emma, had already made an early start.
What followed after that was his usual morning routine. James started his day by making notes in his gratitude journal, followed by a shower and then a bite to eat along with a hot cup of coffee downstairs in the kitchen. On the other hand, Emma liked to run around the block for a bit before coming back home for a cold…
I originally came across this StackOverflow question and it got me thinking — how would I automatically inject the CSS contents of a CSS file into an HTML page? After some research, I found a solution and this article aims at walking you through it.
Let’s revisit the problem before we dive into the solution. We want to replace the link tag in the HTML file with the CSS contents of the file that the link tag refers to. So, for instance, if the HTML contained the following line of code:
<link rel="stylesheet" href="style.css">
It should be replaced with this:
I understand that this a lengthy how-to…
The road to self-publishing can be overwhelming especially when there are so many different aspects to look at. One major chunk of work involves formatting your manuscript so that it’s readable on different devices. Not knowing where to start or how to join all the dots can be frustrating, so to make your life easier, I’ve put together a simple guide that explains this process and I also provide some insight based on the experience of going through this process myself.
This guide is catered toward formatting your eBook only. For paperback options, different steps might be involved. This guide…
An easy-to-digest four-part article to help you get started with Sass
Broken down into four easy-to-digest parts, this article aims at getting your feet wet with Sass. Once you’re comfortable with how everything fits together, you can move onto more complex concepts. To aid our learning process and compile Sass files, we’ll be using Scout-App.
A simple guide to hosting your single page application
I recently created a website using the Create React App starter template to demonstrate an npm package I developed. I thought it would be pretty straightforward to deploy this site using GitHub Pages, however, I was wrong. After some trial and error, I managed to sort it out. This article aims at recreating the scenario and walking you through the process of solving each problem we encounter along the way.
Let’s start with a common base. We’ll begin by creating a React app using the Create React App utility and also…
Confidently create workflow files in your GitHub repository
I’ve only recently dived into GitHub Actions and I’m amazed at what it can do. To put it simply, GitHub Actions helps you create workflows — this is not limited to a CI/CD pipeline, you can also create various automation tasks like automatically labelling issues when they’re created, linting code with every pull request, notifying a Slack channel when a package is updated in the GitHub registry— and all of this is done within the GitHub code repository itself.
In this article, we’ll have a look at the fundamental components of GitHub…
Publishing tests results so you can examine them in your CI tool of choice
The Create React App template comes with a lot of boilerplate code that should get you up and running with a simple React app in no time. You can then build on top of that and make it as swanky as you’d like.
If you open up the package.json file, you’ll see a few scripts you can run.
Create React App uses Jest as its test runner. Executing
npm run test will run the unit tests that come pre-built with the app. …