Articles by Tag #approuter
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
A practical Guide - Migrating to Next.js App Router
With the release of the Next.js App Router, many developers are eager to migrate their existing...
Guide to build a modern Web App using Next.js 14 (App Router), Fully authentication (NextAuth), Theming and i18n
Introduction to Next.js and Its Dominance In the last few years, Next.js has got an enormous...
No More Pages
Why? In the realm of Next.js, change is the only constant. Our team recently answered the...
Efficient State Management in Next.js App Router with next-state-adapter
Managing state efficiently in a Next.js App Router environment can be challenging, especially when...
Custom socket.io server.ts in nextjs baby.
Create a server.ts file in root dir of your nextjs project. vim server.ts import { createServer...
Learning Next.js 13 App Router: A Comprehensive Guide 🚀
Dive deep into Next.js 13's new App Router, exploring its powerful features and best practices. Learn how to leverage file-based routing, React Server Components, and advanced concepts through a real-world cover letter generator project. Discover how the App Router revolutionizes React application structure and performance
Migrating from Auth.js to Better Auth — Full Guide for Next.js App Router
Most Next.js 15 projects still rely on Auth.js — but Better Auth offers a much smoother experience,...
Spicing Up Your Next.Js Projects With 3D: What Are Your Options?
In the past, I have experimented with 3D modeling. My knowledge of how to do it goes as far as...
Adding Drag And Drop Functionality In Your Next.Js Project Without A Library
Let’s be honest, the libraries out there suck. You have the dnd kit, which is more suitable for...
How To Add Editor.Js To Your Next.Js Code
Note: This article will be using the App Router In case you have an application that requires the...
Deep Diving into the Next.js App Router
Introduction Let's be honest - Next.js has completely changed how we build React apps....
An Alternative To Editor.js: BlockNote For React
So, previously I was searching for a great WYSIWYG text editor I can add to a few projects of mine....
How To Add Drag-And-Drop Functionality With Editable Draggable Items In Next.js
Note: In this tutorial, we will be using the Next.js app router. If you read or scanned one of my...
Adding Chat Functionality To Your Next.Js Project With Firebase
Compared to all the other things you can add to your Next.Js projects, chat functionality has to be...
How To Create A Basic Infinity Canvas For Your Next.Js Project
Note: In this tutorial, I will use the app router. If you are using typescript, change some of the...
Creating NPM Packages in Next.Js for Next.Js
Note: This tutorial uses the App Router. So, this was easy. Too easy to literally find nothing on...
Using Firebase To Store Folders and BlockNote Documents In Next.Js
Previously, I have discussed BlockNote briefly. I have said enough that you guys know what it is and...
Seamless Headless Drupal Integration with Next.js 15 (App Router)
Drupal is a powerful content management system (CMS) that provides a robust backend, while Next.js...
How To Implement Text-To-Speech Functionality For BlockNote In Next.Js
I have figured out rocket science! I’m lying, of course. I have figured out how to implement...