Tag: nextjs

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
Using CORS In Next.js To Handle Cross-Origin Requests

Using CORS in Next.js to handle cross-origin requests

Dev

There are several ways to configure CORS in Next.js. Let’s look at how to use the most critical headers to make your site more secure.

Antonello Zanini
Jun 19, 2024 ⋅ 8 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
Handling Data Fetching In Next.js With useSWR

Handling data fetching in Next.js with useSWR

Dev

Use the useSWR Hook in Next.js to fetch and handle client-side data, and explore its parameters and SSG/ISR/SSR support.

Elijah Agbonze
Mar 28, 2024 ⋅ 18 min read