As I was mentioning in one of my previous articles, I’ve always tried to find tools & techniques that help me code faster and better. Besides the ability to install and use extensions, another amazing VS Code tool is Code Snippets. Snippets are basically…

As soon as a React application starts growing in size and complexity, various problems also arise. One of those is managing module imports, especially when the codebase contains several folders, nested on multiple levels. Very often you’ll end up having very long import statements using relative paths.

In this article we will implement a NavigationLoader component that will be displayed whiled navigating between two Next.js pages. TLDR just show me the working code already! code and demo Introduction Next.js is an amazing framework for creating React applications, with built in support for features such as server side rendering…

To use Google Fonts in a Next.js application you would typically either create a custom Document file or create a custom Head component where you would use a regular HTML link tag to download the font: <link href="https://fonts.googleapis.com/css2family=Lato&display=swap" rel="stylesheet" /> This approach worked perfectly fine, however it had one disadvantage…

Despite CSS evolving and CSS-in-JS solutions becoming very popular, SCSS is still a very powerful styling solution for responsive web applications, especially when paired with css-modules. Several studies show that most of the web traffic already comes from mobile devices and this number will…

Did you ever write some amazing code that you wanted to use in all your projects and you ended up manually copying it over ? I did. Even if I knew I could do it in a better way, I thought that the whole process of creating and publishing an…