✨ Building Blog tag index pages in Astro
I wanted to add blog tag collection pages to my website. This way, people could filter on tags I used in my blog posts. Here is a guide on how I implemented it.
JavaScript
All blog posts tagged with JavaScript.
-
-
🎉 I started from scratch (again)
I started rebuilding my personal website from scratch in Astro again, no dependencies, no frameworks, no nothing. This to decrease technical debt and make full use of the newer Astro features.
-
✨ 2022 - my year in recap
2022 was a year that flew by so fast, I've gotten amazing opportunities and a lot of lessons learned. In this post, I put them all in a list.
-
🎤 Optimizing React using Astro
9th of November, I gave a Keynote at React Global Summit. This blog post contains my slides as well as some extra accompanying speaker notes.
-
🎤 Less JavaScript, Faster Website
14th of October, I gave a lightning talk at React Brussels. This blog post contains my slides as well as some extra accompanying speaker notes.
-
♻️ Using Firebase JSON config for redirects
I started out my blog about a year ago, at the time, I didn't really think about a good URL system, which came back biting me in the ass.
-
🚀 Deploying to Firebase using Google Cloudbuild
Deploying to Firebase can sometimes be somewhat of a hassle if you're using the CLI. There is a better way using some sort of CI/CD, Cloudbuild is the example explained here.
-
✨ Using Bun as JavaScript runtime
Bun is a new runtime for JavaScript & TypeScript, compatible with NodeJS packages and ecosystem.
-
📈 Using mostvisitedpages as a serverless function
I've moved from a regular RESTful API to serverless functions. Here is a little guide and explanation on why & how I did that.
-
♻️ Upgrading my website to Astro v1.0
Astro came out with a beta version of the v1.0 release of the framework. I upgraded my website to use that version, since I was still running on v0.24. The following are some of the changes I had to do to get it working.
-
💄 Tailwind CSS in Astro
Since Astro 24, the documentation of Tailwind CSS in Astro has disappeared. Not because it's not supported, but because it now holds true to the Tailwind CSS documentation itself. If you still need a guide on how to use them both, look no further!
-
🎤 Less JavaScript, Faster website - Astro
20th April, I gave a lightning talk at the Full Stack Ghent meetup. This blog post contains my slides as well as some extra accompanying speaker notes.
-
🔧 Set your NodeJS version in Netlify
A couple of times I needed to fix the NodeJS version on a Netlify site, I found myself googling it a couple of times, so this little how-to is basically a note-to-self.
-
🎉 Write less code by using CSS Houdini
Some time ago I started looking into CSS Houdini. Today was finally the day that I wrote a package to replace some of my shitty code with some CSS Houdini magic
-
👽 Use API magic to show your most visited pages
A while ago I had an idea for a feature which would show the most frequent visited pages upon a 'page not found' error. After I let it sit for a while, I realized that this might be possible by using the Google Analytics API. Here's a guide.
-
💄 What's new in TailwindCSS v3
TailwindCSS v3-alpha-1 was released yesterday! It's not a full release of v3 yet, but might already give us an insight on what is to come with TailwindCSS v3.
-
♻️ Using PNPM on Netlify
When I first switched my website over to PNPM instead of Yarn, I noticed that my Netlify build were failing. Here's a guide and solution to everyone having the same issue.
-
✨ Using slots to build layouts in Astro
Coming from frameworks like NuxtJS and NextJS, I always liked the layout feature. It's a quick way to reuse shared components without re-importing them in every page. When I started with Astro, I had no idea that this was also possible.
-
📝 Add your blogposts to your Github README
Github profile README's are a very cool and personal way to tell something about yourself. One of the downsides to this is that it depends on a static format. Well, this is not necessarily true. Through the power of code and Github Actions, we can use JavaScript and generate a static file.
-
💄 Adding Google Fonts to your NuxtJS site
I found out that my fonts weren't loading properly, so I searched for an alternative.
-
💄darkmode in TailwindCSS
How to add dark mode support in TailwindCSS
-
🎉 Initial commit
This week I've recreated my website and blog with Nuxt and Bootstrap, in this post I describe how it all came together.