Hosting a Hugo Site in a Google Bucket
You’re reading a Hugo site right now. It’s not hosted in a Google Bucket, but it should be, because Google Bucket hosting costs next to nothing. If I didn’t have an existing server to reuse, I would have used a Google Bucket. For anyone starting out, this is a great way to host a site for almost nothing.
Hugo is a static site generator. It takes some local files on your computer and converts them into HTML files in a directory structure that allows pretty URLs without custom routing.
Continuous Delivery With AWS Beanstalk, CodePipeline and Terraform
One mistake I made with some of my early projects was starting off with manual deployments. I thought that getting it up and running and delivered was the most important goal, and that a manual deployment would reach it the quickest. Having delivered a significant number of projects since then, I now completely disagree.
Always automate from the beginning. You will thank yourself later.
Automating first provides a number of clear advantages.
Designing Reusable React Components
If you’ve worked on any large React project, you’ve probably run into a component or two that gave you quite a headache when you tried to reuse it. I definitely have. It’s almost inevitable when working on a large project with a substantial number of developers. Over the past few years, I’ve put together a list of lessons learned that have helped prevent this problem. It’s far from complete, but it’s substantial enough that it might help someone else.
Setting up Monitoring and Alerting on Amazon AWS with Terraform
A production web application should have a number of safeguards in place to prevent failures. Many outages have preliminary symptoms that a proper monitoring solution can detect, and these detections can send alerts to the appropriate people capable of fixing them. Amazon’s CloudWatch service can both monitor systems and also alert when something goes wrong. Let’s take a look at how to set it up.
We could go into the Amazon dashboard to do this, but since I have a rule to automate everything that goes into production, I’ll show you how to do it in code.
Listening to Device Rotations in Flutter
It took me a while to figure out how to listen for device rotation changes in Flutter, so I thought I’d write a quick post to help out anyone else with the same problem.
Flutter provides a singleton instance of a class called WidgetBinding that allows listening to various widget events. One of those events is “didChangeMetrics,” which gets fired whenever a metric changes. Device width and height are included in those metrics, and those values change when the device rotates.
How to setup Flow with create-react-app and Visual Studio Code
I’ll cut right to the chase: this article is about setting up Flow in a React application based on create-react-app, using VSCode as a text editor. Here we go.
Prerequisites NodeJS >= 6 Visual Studio Code Step 1 - Create a React application Let’s start by creating a simple React application.
npm install -g create-react-app create-react-app todo && cd todo npm install This should create all of the boilerplate you need to run a basic React application.