Changelog

What's new on this site?

Added blogpost recommendations

·787ff45f

Added related posts after a blogpost based on the tags to increase engagement. Try a post!.

Combining custom likes with twitter likes

·a7504b4b

Added support for Webmentions to the blog. I'm combining likes and mentions from twitter with my custom likes from Fauna. Next up displaying replies/comments?

Updated theme toggle

·5ba5761b

In order to respect the visitors system preference a theme switcher should have at least 3 options (system, dark & light). I had super fun building this interactive switcher with Framer motion, try it out in the header!

Added blogpost tags

·4b357bc6

Easily find posts on a specific topic, try out #React, #Framer Motion or #CSS.

Added Changelog

·3b6ac85a

That's what you're looking at right now! 🎉 In the spirit of #buildinpublic I am now publishing the latest changes for this site in this changelog in addition to keeping the souce public on GitHub. If you want to see how a feature is built I've included the commit hashes and a link to the respective commit.

Since this website was released I have to date added 128 commits with various features and improvements. I've retrofitted this changelog with some of the major ones.

🔍 Added search to /blog

·00307680

You can now search for posts on the blog to quickly find what you're looking for. It's also a great way for me to see what people are interested in reading about.

Other changes:
  • Use correct font in Notion content
  • Fix notion pages getStaticPaths fallback
  • Added code line highlightning via mdx-prism
  • Added canonical urls to blogposts
  • Improved newsletter signup page

🖼 Added images to all blogposts

·2648c44e

The posts in the blog are now a lot more clickable!

👍 Added like button to blogposts

·13aa0dbe

Show me what you enjoy by pressing the like button on blogposts! Built with Fauna inspired by Josh's post on page-counters.

💌 Added newsletter

·45f860af

Learn animations, CSS, web development tips & tricks and creating delightful and useful interfaces! Sign up here.

🎶 Add now playing widget to footer

·5898535a

Check out the original implementation by Lee Robinson.

Other changes:
  • Animated page transitions
  • Added LICENSE
  • Dynamic meta images

Add Hit-counter to blogposts

·814e7bda
Other changes:
  • Added RSS feed
  • Added custom 404 page

Add sitemap

·d63443c1
Other changes:
  • Added syntax highlightning to blog
  • Added analytics
  • Added social links to footer
  • Dynamic meta images

⚡️ This site was born!

·e28c72b6

This website went live and was built with the following stack:

  • Next.js
  • Typescript
  • MDX
  • CSS Modules
  • Notion

Initial commit

·26085f34
0

In the backlog…

Fix missing custom font on initial load

SAM-22

Convert site to tailwind CSS

SAM-11