June 3, 2021

Adding code blocks to sanity studio for a NextJS blog

By default, when using the blog template to intializing Sanity, code blocks like the sample one below aren't support out of the box. As my personal blog would always have a lot of code examples this was something, I was planing to have it on Sanity too

→ Read More
March 9, 2021

The things I learnt on the 'Make React Apps Series A' course Part 1

A few weeks back I bought the course at to get a bit more into building React Apps from scratch. I really loved the course, as you end up having a lot of sample projects (who you could add to your portfolio right away).

→ Read More
February 20, 2021

Use strapi and Next.js to create Registration and Login Forms

After playing around a bit with Fronitity (and Wordpress as headless CMS) in the last few weeks or months, now I wanted to try out different Frameworks. There's a lot of them, surely, so after seeing some pople on Twitter suggesting Strapi and Next.js, I decided to give them a shot.

→ Read More
February 14, 2021

Adding animations to Components with react-spring

This week, over at upwork, there was a job lisiting to build a site with Frontity, who would support a certain "no load" effect. Personally, one of the things I like about creating websites with React, is that effect where you wouldn't load a newpage when you click on a link - instead the components who are visible to the user would just be replaced.

→ Read More
February 12, 2021

css: display

A few weeks back, I create a new twitter profile with the goal to interact a bit more with developers around. One of the accounts I followed early on was Pratham (twitter / - I really recommend to give him a follow too, if you haven't yet. There's some amazing (and handwritten!) css cheatsheets, suggestions on what to learn to get into webdevelopment and also links to resources on how to build modern websites.

→ Read More
January 31, 2021

Create Shapes with clip-path

Modern websites are using diagonal elements a lot more, than in the past. One of the ways to achieve this, is to use the clip-path property in css. clip-path actually allows you to hide certain parts of SVGs or any other elements, so that they will have a certain form like a triangle, a circle or a pentagon.

→ Read More