Tag #next.js

Learn the best practices when using redirects in NextJS. When and how to redirect inside getStaticProps, getServerSideProps, middleware, API routes and next.config.js

Learn how to redirect to 404 Page when using getServerSideProps and getStaticProps Dynamic Routes.

In this tutorial we're going to learn how to parse and get fully-typed NextJS query parameters in Typescript.

Learn how to build a 6-digit react otp input and automatic submission through WebOTP API in a React Application.

In this tutorial, we'll setup Graphql URQL Client in NextJS to include Server-side rendering.

Add Google Analytics 4 to an existing NextJS Typescript application. Creating a GA Tracking ID, Modify nextjs to use GA4 and add typings for gtag.js to enable type safety when adding events.

This tutorial shows you how to remove console.log for Production in NextJS v12+.

In this tutorial, I will show you how to create a dynamic DaisyUI Table with the really awesome react-table library

There are many ways to create modals in react. In this tutorial, we're gonna show you how to create a responsive modal using DaisyUI that works for both mobile and desktop.

How to load dynamic languages for Prism.js in a NextJS app if your data comes from the simple EditorJS code plugin. Dynamically highlight syntax for any language supported by Prism.js

EditorJS is a great rich text editor in 2022. However there are many issues with just setting it up in Next.js 12 or React 18, and especially when you combine typescript into the mix. Lets take a look on how to solve these issues.

Daisy UI is a great css library that has a lot of helpful components but it doesn't have an search autocomplete input component. In this tutorial we'll make a search autocomplete component using React + DaisyUI!