Comprehensive Full Stack Development Tutorial: Learn Ionic, Angular, React, React Native, and Node.js with JavaScript
I am facing an issue with adding Recharts in a Next.js server component because Recharts runs only on the client side. If you are using Shadcn, you should check the Shadcn chart component, which uses Recharts underneath. In this tutorial, we will learn how to add Recharts in a Next.js client component. Recharts runs only […]
When implementing authentication in a Next.J’s application using NextAuth, it’s common to have separate collections for User and UserProfile data. This separation enables user management to be more flexible, but it can also create complications, particularly when dealing with third-party authentication providers like Google. 1. The Setup: Separate Collections We have, two main collections, related […]
When building React applications with Next.js and TypeScript, efficient state and API call management is crucial to avoid common pitfalls like infinite loops and performance bottlenecks. I’m creating an application on Next.js using MongoDB as the backend. I faced an issue of infinite API requests. Below is a screenshot of the issue. I have products […]
In modern web development, applications often rely heavily on external APIs or databases.These dependencies, however, can sometimes fail due to various issues such as network disruptions, IP address changes, or service outages. This guide will walk you through the process of creating a resilient web application that can gracefully handle such problems, with a special […]
Next.js, a powerful React framework for building web applications, offers several features to improve SEO and optimise the user experience. One such feature is the Nextjs generateMetadata function, which is used to dynamically generate metadata for your web pages. Metadata includes elements such as the page title, description, and other meta tags that are critical […]
Server Actions are asynchronous functions that are executed on the server. Next.js server actions are designed to handle various server-side logic operations, including data fetching, authentication, and performing CRUD operations. While server actions are often associated with form submissions, they are not limited to this use case. You can use server actions for any asynchronous server-side tasks […]
