You can use Bicep and GitHub Actions to build and deploy to a static website on Azure Static Web Apps. This post demonstrates how.
A new API landed in Docusaurus 2.3.0 - it's called
createFeedItems. It's a great API that allows you to tweak the Atom / RSS / JSON feeds for your blog. This post shows how to use it with the git commit date.
Image optimisation can be automated with the TinyPNG API. This post demonstrates how to do that.
fetchpriority on your Largest Contentful Paint you can improve your Core Web Vitals. This post implements that with Docusaurus.
In October 2022 traffic to my blog dropped like a stone. What happened? Somehow I ruined my SEO. Don't be me. I'll tell you what I got up to and hopefully you can avoid doing the same.
Support for Node.js 16 for Azure Pipelines custom pipelines task extensions has arrived. From a TypeScript perspective, this post documents how to migrate from a Node.js 10 custom task to one that runs on Node 16 using
Application Insights are a great way to monitor Azure Static Web Apps and Azure Functions. But how do you deploy that using Bicep? Let's find out!
Cloudinary offers an image CDN which can improve performance of your site. This post details how to get Docusaurus to use Cloudinary to serve optimised images.
Azure Static Web Apps can perform URL redirects using the
routes section in the
staticwebapp.config.json. However it is limited. This post will demonstrate dynamic URL redirects with Azure Functions.
Azure Static Web Apps can generally build themselves with Oryx. If you need finer grained control of your build, you can with
skip_app_build: true and some GitHub Actions.
The dev.to API provides a way to cross post your Docusaurus blogs to dev.to. This post describes how to do that with TypeScript, Node.js and the dev.to API.
Azure Static Web Apps doesn't support deep linking with authentication. The post login redirect parameter of
post_login_redirect_uri does not support query string parameters. This post describes how to work around this limitation.
Custom font usage can introduce cumulative layout shift (or "jank") to your website. This post shows how to use fontaine to reduce this with Docusaurus sites.
This post demonstrates enriching an XML sitemap with
lastmod timestamps based on git commits.
This post demonstrates reading and writing XML in Node.js using
fast-xml-parser. We'll use the Docusauruses XML sitemap as an example.
Authorization in Azure Functions is impaired by an issue with Azure Static Web Apps linked to Azure Functions. Azure AD app role claims are not supplied to Azure Functions. This post will demonstrate a workaround.
VS Code's debugging mechanism for Azure Functions on Mac OS frequently breaks. This post documents an approach to get it working.
Azure Static Web Apps can be linked to Azure Functions, Azure Container Apps etc to provide the linked backend for a site. This post will demonstrate how to do this with Bicep.