Skip to main content

Hello world: how I built this site

00:01:00:29

How it all started

It all started when my old portfolio stopped being responsive as i am a shit developer.Joking aside it all started by coding with Python. Then i was introduced to the world of Web Devlopment. HTML,CSS,JS it all looked out of the world. So exciting, then i found out about React , then Next,Gatsby,Remix it showed my how fun development can be .....

Using Next.js

  • The site is now based on Next.js. Is a much better fit than Create React App. For now I'm just using it to create a static export, but maybe I'll add some server rendered stuff in the future.
  • Styling is now vanilla CSS with postcss to add support for the future native CSS nesting and custom media queries features. I'm using CSS modules instead of BEM syntax to avoid style conflicts.
  • For generating pages from .mdx files, I'm using Kent C Dodds' mdx-bundler. In combination with Next.js it makes generating pages from .mdx files really quick and simple.
  • For animation I've been using Framer Motion
  • 3D effects are still all using Three.js, but I've added three-stdlib as a better maintained replacement for modules from Three's examples.