👋 gmlink

Hello! Continuing from the last post i made about my website, I have now rebuilt it with Svelte! Here is a bit about my experience:

CSS modules? Nopelink

Svelte can provide your UI, CSS and scripts in a very easy to manage manner! It looks a bit like this:

<script>
  const name = "BluDood"
</script

<h1>Hello, {name}!</h1>

<style>
  h1 {
    color: #0064FF;
  }
</style>

In my opinion, this works a lot better, and avoids intersecting CSS classes in a very good way. In this example, I didn't even need any classes because it automatically generates unique ones at build time!

Reactive state? 🔥🔥🔥link

No more useState, Svelte automatically makes variables reactive. Using the $ label in Svelte (or sometimes even without), you can automatically listen to and update your UI without any templating like React. Much easier!

Some more updates...link

I also made some more changes:

• Added Discord activity status (finally back)
• Added animations to all subpages
• Status widgets on the home page are now live! 🔥

That's right! I updated my API to include WebSocket support (in testing right now, will be live soon!). It doesn't make a huge difference, but it improves performance and data loads since it now won't always query data for an update, and instead receive the updates.

One less interesting thing: I set up a self hosted CI which automatically uploads website builds from my private Gitea instance to Netlify. How cool is that?

Thanks for reading!link

You can check out the site here, and thank you for checking out my blog as well! It's been updated to support the new version of BluDood Accounts, and some more fixes all around.

👋 gb