#OpenToWork

Available for new opportunities! Let's build something amazing together.

Get in touch

Tag: Astro

tags

Adding authentication to your Astro site with Azure Static Web Apps

Azure Static Web Apps provides built-in authentication and authorization capabilities, making it easy to secure your Astro site and API endpoints using Microsoft Entra ID (previously Azure AD) authentication. In this guide, I will walk you through the process of setting up authentication, handling user roles, and testing everything locally.

Read more

Integrating Azure Functions into your Astro site

In the previous post, I showed you how to deploy your Astro site to Azure Static Web Apps using the Azure Static Web Apps (SWA) CLI. In this post, I will show you how you can integrate Azure Functions into your Astro site and deploy them using the same SWA CLI.

Read more

Astro site deployment to Azure Static Web Apps with the CLI from GitHub Actions

Deploying an Astro site to Azure Static Web Apps should be straightforward, but my initial experience was not pain-free. The default Oryx GitHub Action (Oryx GitHub Actions) failed due to package size issues and its reliance on an outdated npm install --production command. To work around this, I updated the deployment process to use the Azure Static Web Apps CLI instead.

Read more

Render your Astro markdown content for your overviews

I wanted to create a roll-up of the latest news articles on our new BIWUG community site (which still needs to be released). Show image BIWUG News Rollup When I retrieved the news collection data, I only got the front matter data and the markdown content. Looking at the Astro documentation, I found several ways to get the HTML.

Read more

Leveraging Astro for React App Performance Boost

Earlier this week, I was working on optimizing an internal analysis website that uses many JSON files for its content collections. During the local development and with smaller datasets, the website was super fast, but when I received a larger dataset, I noticed that the website got very slow. The slowness mainly came from the amount of data and the processing in React.

Read more

Symlink your content in Astro: a simple solution for greater portability and flexibility

Astro is a powerful static-site generator that allows developers to build lightning-fast websites. However, when trying to create a more portable and flexible blog by separating content from the website’s source, I faced issues with symlinks/content not being recognized/found. In this blog post, I’ll walk you through a simple solution to this problem and explain how you can easily symlink your content to an Astro project.

Read more
Back to top