How to Change the Base Path in Next.js (Subdirectory Path)
There might be cases where you want to deploy a complex web app that consists of multiple child web apps. Each child web app is developed independently by…
How to Use Styled JSX in Next.js: Tutorial & Examples
This article walks you through two complete examples of using styled JSX in Next.js. The first example helps you learn the syntax of styled JSX and shows you…
How to use Tailwind CSS in Next.js
This succinct article shows you how to integrate TailwindCSS in Next.js. A Quick Introduction TailwindCSS is a popular CSS framework that can help you create nice user interfaces…
Working with CSS Modules in Next.js
This article is about using CSS modules in Next.js. Overview Next.js supports CSS modules out of the box. That means you can use it without extra setups or…
How to Correctly Use Bootstrap 5 in Next.js
This article shows you how to correctly use Bootstrap 5 (the latest version at the time of writing) in a Next.js project. By the end of this article,…
How to programmatically navigate in Next.js
Next.js is a fast-growing React framework that can help us build high-performance hybrid static and server-side rendering web applications. Many projects have been transitioning from traditional React SPAs…
How to use Ant Design in a Next.js project
Next.js is a React framework that is used to build fast, high-performance, hybrid static and server-side rendering web applications. Ant Design is a UI library that provides a…
How to use Font Awesome with Next.js
Font Awesome is a font and icon toolkit based on CSS and Less. It is used by millions of designers, developers, and content creators. Font Awesome provides over…
How to add a Favicon to a Next.js app (updated)
A favicon of a web app is a small icon that serves as branding for the website. It is typically displayed at the top of a browser’s window,…
How to Add Google Analytics to Your Next.js App
If you’re a product owner or a software engineer, you are very likely to know the importance of measuring the performance and understanding how users use your web…