Skip to content

Table of contents

Open Table of contents

Intro

I created this website primarily to improve my web development skills. I wanted to increase my knowledge of modern web development using frameworks, and after researching various options, I decided to use the Astro framework. One of the reasons I chose Astro is because it is built with JavaScript and TypeScript, and I also wanted to use this project as an opportunity to learn more about TypeScript. Ultimately, my goal is to build a quality website and learn typescript along the way.

Astro.build

https://astro.build/ The Astro framework is a relatively new web development framework that is designed to create high-performance websites that load quickly. One of the key features of Astro is its use of server-side rendering (SSR), which allows the framework to pre-render most of the website’s content on the server before sending it to the client. This means that the website can load much faster because the client doesn’t have to wait for the server to generate the content before displaying it.

I’ve been enjoying working with the Astro framework so far, as it’s been very easy to use, even for a beginner like me. A few years ago, I had the same idea to create a website and tried using the Hugo framework. However, Hugo is based on Go, which made it much more challenging to work with, especially since I didn’t have any experience with Go at the time. Since I’m interested in learning JavaScript, I found that Astro was a much better option for me. It’s been a great way to learn the language while building my website.

What now?

I’ve managed to get the basic functionality of my website working. Initially, I used the astro-paper website template, which was very helpful. However, after about a week of working on the site, Astro Framework released version 2.0, which included some cool new features that I wanted to incorporate. I made some changes to the template to include the new features, but I didn’t fully understand how everything worked. As a result, I deliberately broke most of it and started rebuilding the blog section from scratch. While the blog is functional now, there are still some broken features that I need to fix. Despite these challenges, I’m finding that I’m learning a lot through this process, which is great.

to do list

There are still a few things that I need to do to improve the website before I’m fully satisfied with it. I’m hoping that I can complete these tasks quickly, so that I can move on to other projects beyond just building a simple website.

  • Fix the front page of the website.
  • Add content to the About Me page.
  • Fix the search functionality for blog posts.
  • Remove all mentions of “Tags”.
  • Add a “category cloud” function.
  • Create a proper category page.
  • Add support for multiple languages.
  • Improve the CSS styling.
  • Enhance the overall website content.