Next.js

In Next.js, <Link> is one of the most-used components. To style it, you can use the className or the style props (in the old days, we had to…

In Next.js, If a page uses a dynamic route, the params object contains the route parameters. For instance, If the page name is [id].js, then the params will…

You can initialize a new Next.js app in the current directory by using a dot (.) for the path when running the npx create-next-app command. There is a…

SASS (Syntactically Awesome Style sheets) can make your life much easier when writing CSS code with variables, nesting, mixins, and other amazing features. This succinct article shows you…

In Next.js 13.3 and other newer versions of the framework, you can extract segment data from a dynamic route by using the useParams() hook. It returns an object…

In Next.js, you can get the query string parameters of a URL by using the useRouter hook like this: For more completeness and clarity, see the example below….

This short and straight-to-the-point article shows you how to read and display data from a local JSON file in Next.js. This is useful if you want to build…

This article shows you 2 ways to set page titles and meta descriptions in Next.js. The first approach is only available for server components in Next.js 13 and…

This concise article is about passing and retrieving data with Link components in Next.js. We’ll discuss the technique (just a few words) and then examine a complete example…

There may be situations 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…