Tag: nextjs

Auth.js adoption guide: Overview, examples, and alternatives

Dev

Auth.js makes adding authentication to web apps easier and more secure. Let’s discuss why you should use it in your projects.

Clara Ekekenta
Sep 12, 2024 ⋅ 10 min read
Lucia Auth: An Auth.js Alternative For Next.js Authentication

Lucia Auth: An Auth.js alternative for Next.js authentication

Dev

Compare Auth.js and Lucia Auth for Next.js authentication, exploring their features, session management differences, and design paradigms.

Paul Akinyemi
Sep 12, 2024 ⋅ 4 min read
Handling Bootstrap Integration With Next.js

Handling Bootstrap integration with Next.js

Dev

Explore how to use Bootstrap’s capabilities in a Next.js app, and analyze the most common issue that occurs when using Bootstrap JavaScript features.

Elijah Asaolu
Sep 10, 2024 ⋅ 7 min read

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
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