How to Correctly Use Bootstrap 5 in Next.js

August 31, 2021 A Goodman

This article shows you how to correctly use Bootstrap 5 in a Next.js project. By the end of this article, we will be able to: Use all CSS classes provided by Bootstrap 5 whereever you want….

Next.js: Parsing Query String Parameters

December 3, 2021 A Goodman

In Next.js, you can get the query string parameters of a URL by using the useRouter hook, like this: Example Let’s say you have a products page with the following code: Now when you go to:…

Next.js: Disable Server-Side Rendering on Specific Pages

June 12, 2021 A Goodman

There may be cases where you want to disable server-side rendering (SSR) on one or some specific pages of your Next.js application, such as you get some warnings or errors when using a third-party library due…

How to programmatically navigate in Next.js

January 14, 2021 A Goodman

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 to Next.js, including giants like Github, IGN, Hulu,…

Next.js: 404 error page and 404 error code

January 14, 2021 A Goodman

In this article, we will take a look at how to handle the 404 error in Next.js Discussion The 404 error tells us that the browser was able to communicate with our web server but the…

How to use Ant Design in a Next.js project

January 11, 2021 A Goodman

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 lot of pre-made React components like Button,…

How to use Font Awesome 5 with Next.js

September 16, 2020 The Plumber

The example below shows you how to use Font Awesome 5 with Next.js. 1. Create a new Next.js project then install the required packages: 2. Edit the page/_app.js file (create one if it doesn’t exist): Note…

How to add Favicon to a Next.js app

January 12, 2021 A Goodman

This article shows you how to add a favicon into a Next.js project through a few easy steps listed below. Step 1: Copy your favicon file (my one named favicon.ico) to the public folder located at…