Comprehensive Full Stack Development Tutorial: Learn Ionic, Angular, React, React Native, and Node.js with JavaScript
Integrating Three.js with Reactjs or Next.js can be a powerful way to create dynamic 3D web applications. We will learn what are basic concept that need to grasp before integrating it with any frontend framwork of your choice. This is part one of our threejs on Nextjs. 1. Core Components of Three.js Here are most […]
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 […]
