Tag: nextjs

Next.js View Transitions API

Dev

User expectations for web applications have evolved. Users expect seamless and smooth experiences when navigating between pages; they want the […]

Oyinkansola Awosan
Aug 30, 2024 ⋅ 5 min read
Diving Into Server Actions In Next.js 14

Diving into Server Actions in Next.js 14

Dev

Explore Next.js Server Actions to write functions that execute on either the server or client side, and build a to-do app to demonstrate the UI results.

Peter Ekene Eze
Aug 29, 2024 ⋅ 13 min read
Implementing authentication in Next.js with Firebase

Implementing authentication in Next.js with Firebase

Dev

Authentication is a crucial feature in web apps today. See how to use Firebase and React Context to implement user auth in a Next.js app.

Marie Starck
Aug 26, 2024 ⋅ 9 min read

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