To see information about myself please checkout my CV
I decided to dedicate this page to all of the technologies and inspiration sources I could remember, that helped me build this page. Also to mention some alternatives that I considered
- NextJs: The framework that kickstarts this website thanks to how developer friendly it is.
- ReactJs: It makes creating user interfaces a breeze, by making it easy to encapsulate and re-use code. Also there is a whole ecosystem and culture around it, that is unlike any other frontend javascript framework. Svelte was also an alternative, but I wanted to build this blog relatively fast and I already knew react.
- Typescript: I never go vanilla JS unless is strictly necessary.
- The stylesheet from Tufte CSS based on the ideas of Edward Tufte on how to style articles.
- CSS Modules: Included in NextJs. No more class name conflicts, and makes it very easily to create scalable and reusable styles. First I thought of using 3 design system libraries:
- Chakra UI: I have a ton of experience with this library but is quite heavy and this page is too simple for it.
- Mantine UI: More lightweight (still overkill) and amazing new UI Library.
- Radix UI: Even more lightweight but not really worth it because I dont use any complex widgets in this webpage
- next-mdx-remote: Render markdown, since writing articles in md is more intuitive than HTML. It also allows rendering React components inside of Markdown files very easily, in case I want to use that in future blogposts. (deprecated because of Contentlayer)
- Contentlayer: A content SDK that validates and transforms my blog content into type-safe JSON data for easy importing.
- Mosaic and neon title by Kevin Powell: Fantastic CSS Teacher
- Putting all the configuration together thanks to Leigh Halliday and his video on making a blog and transforming markdown with plugins using Remark and rehype
- JSON resume : Best way of creating a CV with open source standards I could find.