CSS Code-splitting with Tailwind
Split the CSS bundle of projects using Tailwind by creating multiple config files and including only files needed by pages from each bundle.
Otterlord's Blog
A technical blog about the world of modern web development. I cover a wide range of topics, from Astro to Svelte, Tailwind, and more.
Latest posts
Sync Proton Drive on Linux with Rclone
Learn how to set up a synced or mounted Proton Drive folder with Rclone on Linux.
How to fix HTML video issues in iOS Safari
Fix common issues with video elements in iOS Safari, and other webkit-based iOS browsers.
Add sponsors to your Starlight site
Add a sponsors component to your Starlight site to showcase your project's sponsors/affiliates.
Use Algolia Docsearch with Starlight
Learn how to use Algolia's Docsearch features in your Starlight documentation with component customisation.
Using Tailwind with External Content
A guide to styling external content, such as that from a CMS, or from Markdown, when using Tailwind.
Middleware Routing in Astro
Astro middleware allows you to intercept requests, and change how they're handled. Use a custom middleware router to control where your middleware will run.
Migrating from astro-compress
With `astro-compress` deprecated, it's time to migrate your site to newer Astro features.
Handle Page State in Astro
How to handle page state in Astro.
Content Collections Types
Easily type custom functionality for your content collections.
Add Search To Your Astro Static Site
Add search to your Astro static site with Pagefind.
OG Image Generation with Astro
Making OG images for your blog posts is a great way to make your content stand out on social media
Hello world!
Greetings fellow traveler! Welcome to my personal tech blog.