Table of Contents
About this site
December 16, 2023
What did I make it with?
So I am not a web developer by trade or by training. A large reason why setting up this static site was even possible was becuase of Astro. I tried with some others before, and my previous site was built with Hugo.
A few reasons for my switch to Astro:
- Much higher degree of customisability as offered by Hugo; one of the primary roadblocks I faced with Hugo was adding styles and modifying the content rendered by the markdown files. Using layouts in Astro and
typography
in tailwind greatly simplifies that. - Documentation - The Astro docs is one of the most detailed docs I have seen till date, and contained information on about every single problem I encountered.
Integrations
The development experience wouldn’t have been complete without integrations, including a CSS framework and other features that are markdown-centric.
TailwindCSS
I opted for Tailwind CSS to streamline styling and ensure a consistent design throughout the site. Needless to say, the utility classes really made it easy to write and style with css.
Markdown and MDX
For content creation, I leveraged MDX along with remark-math and rehype-katex for mathematical expressions.
Colorscheme
Choosing a colorscheme was a no brainer. I opted for the Catppuccin mocha colorscheme, ocassionally patching in colors (different shades using some online tools), and some colors from catppuccin latte.