Desktop of Samuel

mdx(3)

Posts

How to Create a Scroll Tracking Table of Content in Gatsby?

Work In Progress

How to Create a Scroll Tracking Table of Content in Gatsby?

Have you visited some documentation and tutorial sites, that allow you to see which section are you reading on the side? If you want to improve the readability of your Gatsby website. In this article, I will share my process in creating an interactive table of content component that can respond to your scrolling. Let's take a look at the requirement: 1. Reader will be able to navigate section of content easily 2. Reader will be able to know their reading progress We will be using a package cal

Defining Personal Style for Your Blog & Website

Personal

Defining Personal Style for Your Blog & Website

After settling down for the basic functionality of a website, its time to dig deeper and let some personality shines! We want your website to speak who you are, so enjoy the freedom of building anything possible, as it is one of the advantages of building your own website. However, personal style does not just drop in one day. In fact, many designers have been developing styles for clients or companies, they may not have a clear answer. I also had a long thought on this and I have put together a

Creating Gatsby v2 Website With Multiple Post Types

Work In Progress

Creating Gatsby v2 Website With Multiple Post Types

This is an update to my previous article Building Gatsby With Multiple Post Type, as I have rebuilt my whole site using GatsbyJS v2. I switched from Gatsby default starter to Gatsby Advanced Starter which save me some time setting up foundation of the website. (e.g. Tags, Category, SEO etc) But please note that this starter contains no UI or any style, you will need to build it on our own. If you are a designer with some front-end development experience, this is the place. I want setup my websit