Posts tagged "NextJS"

Published:

Next.js - Required Checkbox Example with React Hook Form

This is a quick example of how to implement a required checkbox field in Next.js the React Hook Form library.
Published:

Next.js - Form Validation Example with React Hook Form

This is a quick example of how to setup form validation in Next.js with the React Hook Form library.
Published:

Next.js - Combined Add/Edit (Create/Update) Form Example

This is a quick example of how to build a form in Next.js with the React Hook Form library that supports both create and update modes.
Published:

Next.js - Redirect to Login Page if Unauthenticated

A quick post to show how to redirect users to the login page in a Next.js front-end (React) app.
Published:

Next.js - Basic HTTP Authentication Tutorial with Example App

How to build a simple full stack login application in Next.js that uses Basic HTTP Authentication.
Published:

Next.js - Read/Write Data to JSON Files as the Database

This is a quick post to show how to manage (read/write) data in a JSON flat file with Next.js, it's useful for building example apps or for when you need to get up and running quickly before setting up a full database such as MongoDB, MySQL, SQL Server etc.
Published:

Next.js - Alert (Toaster) Notifications

A tutorial and example showing how to implement alert / toaster notifications in Next.js.
Published:

Next.js API - Global Error Handler Example & Tutorial

This is a quick post to show how to implement a global exception handler in a Next.js API.
Published:

Next.js API - Add Middleware to API Routes Example & Tutorial

This is a quick post to show how to add middleware to the request pipeline of a Next.js API so it supports similar functionality to ExpressJS.
Published:

Next.js 11 - User Registration and Login Tutorial with Example App

In this tutorial we'll go through an example of how to build a simple user registration, login and user management (CRUD) application with Next.js.
Published:

Next.js 11 - JWT Authentication Tutorial with Example App

This tutorial shows how to build a simple full stack login application in Next.js that uses JWT authentication.
Published:

Next.js + Webpack - Fix for ModuleNotFoundError: Module not found: Error: Can't resolve '...'

If you're building a Next.js app that uses a Node.js module that only exists on the server-side such as the file system (fs) module, you may see the following error on build because the module can't be found on the client-side (the browser).
Published:

Next.js - NavLink Component Example with Active CSS Class

This is a quick post to show how to create a custom NavLink component in Next.js that extends the built-in Link component to add the CSS className "active" when the href attribute matches the current URL.
Published:

Next.js - Make the Link component work like React Router Link

How to create a custom Link component that wraps the built-in Next.js link component to make it work more like the standard link component from React Router.
Published:

Next.js 10 - CRUD Example with React Hook Form

This tutorial shows how to build a basic Next.js CRUD application with the React Hook Form library that includes pages that list, add, edit and delete records using Next.js API routes.
Supported by