(TL;DR)
I started this website as I always wanted to have a place where I could share my write-ups with an audience. With inspiration from the amazing htgar, who also has a blog (which I highly recommend to check out) & satnaing’s AstroPaper theme, Om’s Blog was created.
Table of contents
Open Table of contents
Why Astro?
Image taken from CSS-tricks.
The world of static site generators is vast and diverse, but among all of them, I found Astro to be the ideal choice for my blog. Astro stood out due to its comprehensive documentation and robust deployment support.
What’s more, Astro leverages well-known web technologies such as JavaScript, HTML, and CSS, which makes it a natural fit for my needs. With Astro, I was able to create a dynamic, high-performance website that was not only easy to maintain but also scalable.
Experimenting With Astro
Astro’s component syntax is a superset of HTML. This syntax was designed to feel familiar to anyone with experience writing HTML or JavaScript and adds support for including components and JavaScript expressions. Posts are also formatted in Markdown.
For example, local variables can be added to the HTML using curly braces. This made it much easier to edit and format various parts of this blog.
<!-- An example taken from the home page of this blog. -->
---
const name = "Om";
---
<h1>{name}'s Blog</h1>
Cloudflare Pages
Hosting this blog was another key component I had to consider. Fortunately, Cloudflare Pages provides a generous free plan which was too good to pass up on. It integrates seamlessly with Git and automatically re-deploys the site when any changes are pushed to the repository.
Conclusion
To sum up, building this blog was an enjoyable experience. I gained further insight into front-end web development with Astro and in the deployment of websites to Cloudflare. The source code for this blog can be found here & feel free to use it for your projects.
With regards to future posts, you can stay tuned by subscribing to the RSS feed of this blog too!