Programming and Frontend related articles and guideshttps://www.elian.codes/en-ushttps://www.elian.codes/blog/21-02-03-building-website-in-nuxt/https://www.elian.codes/blog/21-02-03-building-website-in-nuxt/This week I've recreated my website and blog with Nuxt and Bootstrap, in this post I describe how it all came together.Wed, 03 Feb 2021 18:11:00 GMThttps://www.elian.codes/blog/21-03-16-what-is-tailwindcss-jit-and-how-to-use-it/https://www.elian.codes/blog/21-03-16-what-is-tailwindcss-jit-and-how-to-use-it/TailwindCSS just released a new feature @tailwindcss/jit. In this post I explain what it is and how to use it.Tue, 16 Mar 2021 17:10:00 GMThttps://www.elian.codes/blog/21-02-20-pairing-react-native-with-tailwindcss/https://www.elian.codes/blog/21-02-20-pairing-react-native-with-tailwindcss/I wanted to make a react native app with tailwindcss, but couldn't find a template... So I made my own.Sat, 20 Feb 2021 17:37:00 GMThttps://www.elian.codes/blog/21-03-15-adding-tracking-with-ga4-to-nuxt/https://www.elian.codes/blog/21-03-15-adding-tracking-with-ga4-to-nuxt/Tracking your users' action on your site can be very helpful, but it isn't always as straightforwardMon, 15 Mar 2021 19:32:00 GMThttps://www.elian.codes/blog/21-03-18-add-tailwind-jit-to-your-nuxtjs-site/https://www.elian.codes/blog/21-03-18-add-tailwind-jit-to-your-nuxtjs-site/TailwindCSS just came out with a new feature called @tailwindcss/jit. here's how you can add it to your Nuxt site.Thu, 18 Mar 2021 18:27:00 GMThttps://www.elian.codes/blog/21-03-22-deploying-my-website-to-netlify-with-github/https://www.elian.codes/blog/21-03-22-deploying-my-website-to-netlify-with-github/I've used github to manage the sourcecode for my website for a long time, github pages came with it. Now I discovered a better way to deploy and host websites.Mon, 22 Mar 2021 17:52:00 GMThttps://www.elian.codes/blog/21-02-16-using-tailwind-with-sass-preprocessor/https://www.elian.codes/blog/21-02-16-using-tailwind-with-sass-preprocessor/Found myself struggling with tailwind config with sass preprocessor, so I figured I'd share a solutionTue, 16 Feb 2021 19:13:00 GMThttps://www.elian.codes/blog/21-03-11-using-konvajs-as-canvas-with-react/https://www.elian.codes/blog/21-03-11-using-konvajs-as-canvas-with-react/I was in need for a HTML canvas that was easily integratable with React or JavaScript, then I found KonvaThu, 11 Mar 2021 21:47:00 GMThttps://www.elian.codes/blog/21-02-09-adding-dark-mode-tailwind/https://www.elian.codes/blog/21-02-09-adding-dark-mode-tailwind/How to add dark mode support in TailwindCSSTue, 09 Feb 2021 18:11:00 GMThttps://www.elian.codes/blog/21-03-12-adding-a-custom-preloader-to-your-nuxt-site/https://www.elian.codes/blog/21-03-12-adding-a-custom-preloader-to-your-nuxt-site/I added a custom preloader to my Nuxt site. It's not that difficult, here's how I did it.Fri, 12 Mar 2021 00:11:00 GMThttps://www.elian.codes/blog/21-03-26-using-tailwindcss-with-sveltekit/https://www.elian.codes/blog/21-03-26-using-tailwindcss-with-sveltekit/Earlier this week, Sveltekit beta got released, ofcourse I wanted to fiddle with it.Fri, 26 Mar 2021 18:27:00 GMThttps://www.elian.codes/blog/21-03-29-monitize-your-content-using-coil/https://www.elian.codes/blog/21-03-29-monitize-your-content-using-coil/Ads are annoying right, Coil adds a new way to get paid for every second spent on your content.Mon, 29 Mar 2021 13:20:00 GMThttps://www.elian.codes/blog/21-02-12-using-valet-for-local-development/https://www.elian.codes/blog/21-02-12-using-valet-for-local-development/Valet is a highly configurable MacOs tool for webdevelopment running in the backgroundFri, 12 Feb 2021 20:48:00 GMThttps://www.elian.codes/blog/21-03-12-configure-tailwindcss-with-blazor/https://www.elian.codes/blog/21-03-12-configure-tailwindcss-with-blazor/I started a WASM Blazor project and wanted to use TailwindCSS, but it has a lot of configuring to do with it.Fri, 12 Mar 2021 17:07:00 GMThttps://www.elian.codes/blog/21-04-05-what-does-tailwindcss-2-1-improve/https://www.elian.codes/blog/21-04-05-what-does-tailwindcss-2-1-improve/TailwindCSS 2.1 just got released, but what does it bring and improve?Mon, 05 Apr 2021 23:27:00 GMThttps://www.elian.codes/blog/21-04-13-writing-your-own-components-with-tailwind-sass/https://www.elian.codes/blog/21-04-13-writing-your-own-components-with-tailwind-sass/having TailwindCSS classes everywhere in my markup annoys me. That's why I tought of a better way of styling with TailwindCSSTue, 13 Apr 2021 17:28:00 GMThttps://www.elian.codes/blog/21-05-07-adding-google-fonts-to-your-nuxtjs-site/https://www.elian.codes/blog/21-05-07-adding-google-fonts-to-your-nuxtjs-site/I found out that my fonts weren't loading properly, so I searched for an alternative.Fri, 07 May 2021 18:32:00 GMThttps://www.elian.codes/blog/21-08-11-moving-on-from-netlify-using-google-cloud/https://www.elian.codes/blog/21-08-11-moving-on-from-netlify-using-google-cloud/Hosting your website online is one of the basic and required steps to build an online audience. Choosing the right platform to host it, can be a difficult process. In this blogpost I clearify my choice.Wed, 11 Aug 2021 16:00:00 GMThttps://www.elian.codes/blog/21-08-14-using-surge-to-quickly-deploy-a-static-site/https://www.elian.codes/blog/21-08-14-using-surge-to-quickly-deploy-a-static-site/Deploying a static site is made very easy and free by Surge.sh, in this article I explain how it works, what it is and why you should use it.Sat, 14 Aug 2021 12:23:00 GMThttps://www.elian.codes/blog/21-03-31-deploying-a-react-native-app-to-netlify/https://www.elian.codes/blog/21-03-31-deploying-a-react-native-app-to-netlify/Deploying a mobile application does seem complicated, but Expo makes it very easy!Wed, 31 Mar 2021 18:07:00 GMThttps://www.elian.codes/blog/21-08-20-describe-your-commits-using-gitmoji/https://www.elian.codes/blog/21-08-20-describe-your-commits-using-gitmoji/Describing your commits can be a difficult task. You can write down everything you changed or improved, or you can let the code speak for itself. Gitmoji makes this a whole lot easier by using emoji.Fri, 20 Aug 2021 18:31:00 GMThttps://www.elian.codes/blog/21-09-01-setting-up-nuxt-with-pug-and-stylus/https://www.elian.codes/blog/21-09-01-setting-up-nuxt-with-pug-and-stylus/Nuxt is really cool all by itself but can even be cooler when combined with another templating engine. In this example I'll use Pug and Stylus to fiddle around.Wed, 01 Sep 2021 21:48:00 GMThttps://www.elian.codes/blog/21-09-27-using-pnpm-on-netlify/https://www.elian.codes/blog/21-09-27-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.Mon, 27 Sep 2021 13:10:00 GMThttps://www.elian.codes/blog/21-10-03-what-is-new-in-tailwind-v3/https://www.elian.codes/blog/21-10-03-what-is-new-in-tailwind-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.Sun, 03 Oct 2021 11:23:00 GMThttps://www.elian.codes/blog/21-10-04-use-api-magic-to-show-most-visited-pages/https://www.elian.codes/blog/21-10-04-use-api-magic-to-show-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.Mon, 04 Oct 2021 17:40:00 GMThttps://www.elian.codes/blog/21-08-26-adding-your-blogposts-to-your-github-readme/https://www.elian.codes/blog/21-08-26-adding-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.Thu, 26 Aug 2021 11:48:00 GMThttps://www.elian.codes/blog/21-12-03-set-your-node-version-in-netlify/https://www.elian.codes/blog/21-12-03-set-your-node-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.Fri, 03 Dec 2021 08:25:00 GMThttps://www.elian.codes/blog/21-12-05-use-tailwindcss-with-sveltekit-2021/https://www.elian.codes/blog/21-12-05-use-tailwindcss-with-sveltekit-2021/Earlier this week, Sveltekit beta got released, ofcourse I wanted to fiddle with it.Sun, 05 Dec 2021 22:45:00 GMThttps://www.elian.codes/blog/21-10-13-adding-css-houdini/https://www.elian.codes/blog/21-10-13-adding-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 magicWed, 13 Oct 2021 19:10:00 GMThttps://www.elian.codes/blog/21-04-05-add-custom-tracking-events-to-your-nuxt-site-with-ga4/https://www.elian.codes/blog/21-04-05-add-custom-tracking-events-to-your-nuxt-site-with-ga4/Tracking with GA4 can be very useful, here's a little guide on tracking things you find important with custom GA4 events in NuxtMon, 05 Apr 2021 22:01:00 GMThttps://www.elian.codes/blog/21-12-10-how-i-automated-seo-to-fit-my-needs/https://www.elian.codes/blog/21-12-10-how-i-automated-seo-to-fit-my-needs/It's been some time since I started writing posts and articles about programming and related. Since the start, I've always invested time in SEO, over time, I have integrated a system that now works for me. This is an explanation how I did that.Fri, 10 Dec 2021 18:27:00 GMThttps://www.elian.codes/blog/21-12-16-using-tailwind-cli-with-blazor/https://www.elian.codes/blog/21-12-16-using-tailwind-cli-with-blazor/Last year I wrote an article about using TailwindCSS with Blazor. It was a struggle, since Blazor had to be tricked to install and compile TailwindCSS NodeJS. Now that TailwindCSS launched a new tool, Tailwind CLI, it's time to try it another way!Thu, 16 Dec 2021 23:16:00 GMThttps://www.elian.codes/blog/22-04-21-less-javascript-faster-website/https://www.elian.codes/blog/22-04-21-less-javascript-faster-website/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.Wed, 20 Apr 2022 20:00:00 GMThttps://www.elian.codes/blog/21-09-25-using-slots-to-build-layouts-in-astro/https://www.elian.codes/blog/21-09-25-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.Sat, 25 Sep 2021 17:48:00 GMThttps://www.elian.codes/blog/22-04-26-upgrading-to-astro-beta-one/https://www.elian.codes/blog/22-04-26-upgrading-to-astro-beta-one/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.Tue, 26 Apr 2022 21:52:00 GMThttps://www.elian.codes/blog/22-05-02-using-mostvisitedpages-as-a-function/https://www.elian.codes/blog/22-05-02-using-mostvisitedpages-as-a-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.Mon, 02 May 2022 23:28:00 GMThttps://www.elian.codes/blog/22-05-06-deploying-astro-on-deno/https://www.elian.codes/blog/22-05-06-deploying-astro-on-deno/Astro came out some time ago with a SSR Deno adapter. I never tried it out before, So I thought I should give it a try!Fri, 06 May 2022 11:38:00 GMThttps://www.elian.codes/blog/22-04-23-use-tailwind-with-astro/https://www.elian.codes/blog/22-04-23-use-tailwind-with-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!Sat, 23 Apr 2022 20:48:00 GMThttps://www.elian.codes/blog/22-07-06-using-bun-as-javascript-runtime/https://www.elian.codes/blog/22-07-06-using-bun-as-javascript-runtime/Bun is a new runtime for JavaScript & TypeScript, compatible with NodeJS packages and ecosystem.Wed, 06 Jul 2022 11:02:00 GMThttps://www.elian.codes/blog/22-08-10-deploy-firebase-using-github-actions/https://www.elian.codes/blog/22-08-10-deploy-firebase-using-github-actions/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, Github actions is one example explained here.Wed, 10 Aug 2022 11:26:00 GMThttps://www.elian.codes/blog/22-08-11-deploying-firebase-with-cloudbuild/https://www.elian.codes/blog/22-08-11-deploying-firebase-with-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.Thu, 11 Aug 2022 11:45:00 GMThttps://www.elian.codes/blog/22-08-17-using-firebase-json-for-redirects/https://www.elian.codes/blog/22-08-17-using-firebase-json-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.Wed, 17 Aug 2022 22:39:00 GMThttps://www.elian.codes/blog/22-10-14-less-javascript-faster-website/https://www.elian.codes/blog/22-10-14-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.Fri, 14 Oct 2022 12:00:00 GMThttps://www.elian.codes/blog/22-11-09-optimizing-react-with-astro/https://www.elian.codes/blog/22-11-09-optimizing-react-with-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.Wed, 09 Nov 2022 14:25:00 GMThttps://www.elian.codes/blog/22-12-30-2022-a-year-in-recap/https://www.elian.codes/blog/22-12-30-2022-a-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.Sat, 31 Dec 2022 12:05:00 GMThttps://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/UnoCSS is an atomic-CSS engine, designed with flexibility and performance in mind, I wanted to give it a try. Let's take a look at implementing it in Astro and see how it works.Tue, 14 Feb 2023 23:49:00 GMThttps://www.elian.codes/blog/23-02-15-i-started-from-scratch/https://www.elian.codes/blog/23-02-15-i-started-from-scratch/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.Wed, 15 Feb 2023 12:00:00 GMThttps://www.elian.codes/blog/23-02-19-building-blog-tag-index-pages-in-astro/https://www.elian.codes/blog/23-02-19-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.Sun, 19 Feb 2023 18:37:00 GMThttps://www.elian.codes/blog/23-02-21-am-i-an-international-public-speaker-now/https://www.elian.codes/blog/23-02-21-am-i-an-international-public-speaker-now/A few weeks ago, I gave my first international keynote talk at JSWorld in Amsterdam. In this blogpost, I wanted to share some insights about the conference and my talk.Tue, 21 Feb 2023 00:13:00 GMThttps://www.elian.codes/blog/23-03-01-publishing-brutal-theme/https://www.elian.codes/blog/23-03-01-publishing-brutal-theme/Brutal is a minimal neobrutalist theme for Astro. It's based on Neobrutalist Web Design, a movement that aims to create websites with a minimalistic and functional design. It has some integrations like Image Optimization, RSS, Sitemap, ready to get your SEO done right.Wed, 01 Mar 2023 19:41:00 GMThttps://www.elian.codes/blog/23-04-12-becoming-an-astro-maintainer/https://www.elian.codes/blog/23-04-12-becoming-an-astro-maintainer/Since a week, I'm an Astro maintainer, in this post, I describe the process and my start in open source. I also give some insight in what I'm planning to work on.Wed, 12 Apr 2023 14:35:00 GMThttps://www.elian.codes/blog/23-08-07-leaving-vbridge/https://www.elian.codes/blog/23-08-07-leaving-vbridge/After spending a couple of years at vBridge Cloud, I'm leaving the company. I've worked at vBridge eversince I graduated. Now, It's time for a new adventure! I'm joining the DX-team at Astro full-time!Mon, 07 Aug 2023 14:35:00 GMThttps://www.elian.codes/blog/24-02-08-elians-astro-startkit/https://www.elian.codes/blog/24-02-08-elians-astro-startkit/I just published the setup I use for my personal projects. You can read more about it in this blogpost.Fri, 09 Feb 2024 22:40:00 GMThttps://www.elian.codes/blog/24-03-09-pandacss-startkit/https://www.elian.codes/blog/24-03-09-pandacss-startkit/A couple of days ago, I gave a talk together with Sybren about using PandaCSS with Astro at Fronteers in Ghent. It inspired me to build a template.Sat, 09 Mar 2024 15:30:00 GMThttps://www.elian.codes/blog/24-03-15-how-i-keep-up-to-date/https://www.elian.codes/blog/24-03-15-how-i-keep-up-to-date/Some thoughts on how I keep my projects, dev env and repositories up to date.Fri, 15 Mar 2024 08:30:00 GMThttps://www.elian.codes/blog/24-04-30-astro-solidjs-devtools/https://www.elian.codes/blog/24-04-30-astro-solidjs-devtools/I found myself in a situation where I wanted to use SolidJS Devtools with Astro. Here's a template to get you started.Tue, 30 Apr 2024 17:30:00 GMThttps://www.elian.codes/blog/25-09-05-why-most-restaurant-websites-suck/https://www.elian.codes/blog/25-09-05-why-most-restaurant-websites-suck/A developer's rant about restaurant websites, SEO essentials, and how to fix themFri, 05 Sep 2025 15:00:00 GMThttps://www.elian.codes/blog/25-10-18-astro-docs-gets-an-mcp-server/https://www.elian.codes/blog/25-10-18-astro-docs-gets-an-mcp-server/Astro now has an official MCP server for its documentation.Sat, 18 Oct 2025 15:00:00 GMT