Tag: nextjs

Resolving hydration mismatch errors in Next.js

Dev

Next.js is a popular React framework that uses server-side rendering (SSR) to build faster and SEO-friendly applications, resulting in a […]

Timonwa Akintokun
Aug 15, 2024 ⋅ 6 min read
Rehackt logo over a blue brick wall.

Using Rehackt to share imports with React in server-side code

Dev

Next.js is a React framework used for building full-stack web applications, supporting both server-side and client-side features. The server-side handles […]

Popoola Temitope
Aug 9, 2024 ⋅ 1 min read
Handling File Uploads In Next.js Using UploadThing

Handling file uploads in Next.js using UploadThing

Dev

Manage file uploads in your Next.js app using UploadThing, a file upload tool to be used in full-stack TypeScript applications.

Jude Miracle
Jun 21, 2024 ⋅ 15 min read
Using Next Js With React Suspense To Create A Loading Component

Using Next.js with Suspense to create a loading component

Dev

Next.js 13 introduced some new features like support for Suspense, a React feature that lets you delay displaying a component until the children have finished loading.

Suraj Vishwakarma
Jun 19, 2024 ⋅ 9 min read
Showing Progress For Page Transitions In Next Js

Showing progress for page transitions in Next.js

Dev

Progress bars help create a smooth UX during page transitions in your Next.js app, informing users that their request is processing.

Elijah Agbonze
Jun 19, 2024 ⋅ 9 min read
How To Use Auth.js For Client-Side Authentication In Next.js

How to use Auth.js for client-side authentication in Next.js

Dev

Auth.js, formerly known as NextAuth.js, offers a secure authentication solution that supports OAuth providers and passwordless sign-in methods.

Ejiro Asiuwhu
Jun 14, 2024 ⋅ 19 min read
How To Analyze Your Next.js App Bundles

How to analyze your Next.js app bundles

Dev

Analyze your Next.js app bundles with the @next/bundle-analyzer package to identify areas for optimization, reduce your codebase, and improve performance.

Timonwa Akintokun
May 14, 2024 ⋅ 11 min read
Caching In Next.js With Unstable_Cache

Caching in Next.js with unstable_cache

Dev

In this article, we explore the different caching strategies in Next.js, focusing on the `unstable_cache` function.

Kapeel Kokane
May 14, 2024 ⋅ 9 min read
A Guide To Cookies In Next Js

A guide to cookies in Next.js

Dev

Cookies are crucial to web development. This article will explore how to handle cookies in your Next.js applications.

Georgey V B
Apr 30, 2024 ⋅ 10 min read
Implementing Infinite Scroll In Next Js With Server Actions

Implementing infinite scroll in Next.js with Server Actions

Dev

Infinite scrolling in Next.js no longer requires external libraries — Server Actions let us fetch initial data directly on the server.

Rahul Chhodde
Apr 19, 2024 ⋅ 10 min read
Implementing WebSocket Communication In Next.js

Implementing WebSocket communication in Next.js

Dev

Integrate Socket.io into Next.js to start a WebSocket connection and share information between the client and server in real time.

Doğacan Bilgili
Apr 16, 2024 ⋅ 7 min read
How Waku Compares To Next Js

How Waku compares to Next.js

Dev

Waku is a new lightweight React framework built on top of React Server Components (RSCs). Let’s compare Waku with Next.js in this article.

Peter Ekene Eze
Apr 2, 2024 ⋅ 4 min read