Mikael's blog

A developers seventh time trying to maintain a blog

Tag #astro

The seventh blog | July 20, 2023 at 12:07

The seventh blog has gone live! I didn't dare to hope that this day would come, but a stint of bad (or not as great as usual) weather has left me with a lot of time for coding while my family wears out their phone batteries to the best of their abilities. ## The fixed and the missing While there was quite a lot of missing features a few days ago, there is now a working archive, tag cloud and even search(!). The latter was solved with [Orama](https://oramasearch.com/), formerly known as `Lyra`, and it does all the full-text searching client-side. It's all hooked up with a custom WebComponent and some clever index building with Astro. There will be a more complete writeup on it in the future, but for now you can check out the code over on GitHub. The link for that is at the [source page]

And just like that... | July 14, 2023 at 06:15

... I started on yet another rewrite. ## Stargazing I've had my eye on [Astro](https://astro.build) for a while now. One of the things that caught my eye was just how much it looked like [Svelte](https://svelte.dev). Consider the following examples: ````astro --- import BlogPost from "../components/BlogPost.astro"; const allBlogPosts = await fetch("https://blog.lofjard.se/api/blogposts/all", data => { return await data.json(); }); --- <div class="blog-list"> { allBlogPosts.map(item => ( <BlogPost item={item} /> ))} </div> <style> .blog-list { width: 600px; margin: 0 auto; } </style> ```` vs ````svelte <script> import BlogPost from "../components/BlogPost.svelte"; const allBlogPosts = await fetch("https://blog.lofjard.se/api/blogposts/all", data => { return await data.j

Sorry, sharing is not available as a feature in your browser.

You can share the link to the page if you want!

URL