Blogs

What is NextAuth.js?

What is Custom Authentication in Next.js?

Key Differences Between NextAuth.js and Custom Authentication

When to Use NextAuth.js?

Server and Client Component Enhancements

Layouts and Route Groups

3. Faster Builds with Turbopack

Advanced Data Fetching with fetch

Lazy Loading and Code Splitting in React

Dynamic Imports in Next.js

Best Practices for Lazy Loading and Code Splitting

Final Thoughts

What is Next.js?

What is GraphQL?

Why Use Next.js with GraphQL?

Getting Started with Next.js and GraphQL

Final Thoughts

Why use Next.js for React applications?

How routing works in Next.js?

Automatic Code Splitting in Next.js

Server-side Rendering (SSR)

Introduction

What is a Root Layout?

Implementation of Multiple Root Layout

Testing the Layouts

Conclusion

Intercepting Routes in Next.js: A New Routing Paradigm

What are Intercepting Routes?

Soft Navigation in Intercepting Routes

Hard Navigation in Intercepting Routes

Defining Intercepting Routes with the (..) Convention

Introduction

What is Server-Side Rendering (SSR) and Why Does It Matter?

Creating Dynamic Routes in Next.js

Data Fetching in Next.js: getServerSideProps and getStaticProps

Hands-On: Building a Next.js Application with Dynamic Routes and SSR