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.
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" />
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 continue to grow. This of course…
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…