Personal Photo

Learning by building

Thomas Gauvin's blog

August 15, 2023

Access network isolated APIs and databases from Azure Static Web Apps External
Azure Static Web Apps is the ideal service for hosting modern frontend web apps and static sites on Azure. At times though, these frontend websites rely on downstream services that are isolated within a virtual network. This article explains how we can configure our Static Web Apps to support such access by leveraging Static Web Apps’ linked backends feature.
July 31, 2023

Launching my side project, Penmark CMS (& an explanation of what it is, why I built it, and how)
I'm launching Penmark, an embeddable CMS for Markdown-based, GitHub-backed static sites. Penmark is the fruit of months of work coming up with a better editing experience for my own blog, and I decided to package it into a product that anyone can easily use with their own blogs and content sites!
July 04, 2023

How to resolve scripts not loading on page navigation for React and NextJS
React and NextJS provide a quick user experience with client-side navigation. However, this can break injected scripts that don't rerun on page navigation. To resolve these, we can consider a few alternatives that help work around the client-side navigation limitation.
April 30, 2023

Hosting a Blazor application with a subpath on Azure Static Web Apps
In the previous blog post, I discussed hosting a React application on Static Web Apps with a subpath. In this post, we explore hosting a Blazor app with a subpath as well!
April 01, 2023

Hosting a React application with a subpath on Azure Static Web Apps
When hosting a React application, you may be interested in hosting it with a subpath, such that you app is hosted at /. In this article, we cover how to host a React application on Azure Static Web Apps with a subpath.
December 11, 2022

How to skip build and deploy for GitHub Pages

For a recent project, I was trying to add the `[skip ci]` keyword to my Git commit messages to avoid the build process as documented by GitHub. As it turns out, this doesn't work for the classic GitHub Pages configuration, and requires a configuration with GitHub Actions.
March 14, 2022

Building a micro web application using Azure Functions and SQLite
Recently, I read about the utility of SQLite for web servers and was intrigued by the possibility of using SQLite and an Azure Function to host an effectively free web application. Since an Azure Functions app comes along with an Azure Files storage account by default, the Azure Function should be able to store and read an SQLite file.
January 23, 2022

How to create a React frontend and Express backend app
I often come back to guides to create new React and Express applications, so in this blog post I document how to create a simple React frontend and Express backend application.
December 11, 2021

Dynamic Output Bindings with Azure Functions
Bindings are a powerful Azure Functions feature which provide native integrations to other resources or services, such as databases or storage accounts. While bindings are usually static, it is possible to have dynamic binding in C#. This is how.
December 02, 2021

How to setup a subdomain for a Github Pages static site with Namecheap

I wanted to host my blog on a separate domain and repository from my personal website to give it its own space. Here's how I setup my subdomain to point to my separate blog repository.
November 13, 2021

Building a photos application in Python Flask with Azure Blob Storage
In this blog post, we are going to build a Python web application from scratch, using the Flask framework and using Azure Blob Storage to store our pictures.
November 12, 2021

How to store environment variables for local development

Storing environment variables locally rather than in the code can prevent an unsecure exposure of your access keys, and it's quite easy to do! Here's how to store and use environment variables locally.
November 06, 2021

Welcome to my Blog