DevShubheffortless-nextjs.hashnode.dev·Nov 15, 2024Begin Your Next.js Adventure: Project Setup GuideIntroduction Welcome back, developers! Following our deep dive into the Next JS: Exploring the Origins, let's roll up our sleeves and kickstart our first Next.js project. In this guide, we'll walk you through creating your initial Next.js setup and d...Effortless Next JSJavaScript
Rishi Bakshirishibakshi.hashnode.dev·Oct 10, 2024Mastering Loading States in Next.js: Effective Use of Suspense and loading.tsxWhen dealing with server components and fetching data in Next.js, a common mistake is neglecting to handle the loading state effectively. Imagine you're loading product data in a server component, and while the API request is being processed, the pag...12 likes·80 readsYou Don't Know Next.jsNext.js
Rishi Bakshirishibakshi.hashnode.dev·Oct 9, 2024Dynamic Routes in Next.js: Understanding the Significance of params and searchParamsOne common mistake developers make in Next.js is misunderstanding how dynamic routes work, particularly regarding the params and searchParams props. It’s crucial to understand that these props are only accessible in the page components and not in any...10 likesYou Don't Know Next.jsNext.js
Rishi Bakshirishibakshi.hashnode.dev·Oct 9, 2024The Biggest Mistake You’re Making with Next.js Server Actions: Silent ThreatOne of the critical mistakes I learned in my Next.js journey is failing to validate and protect server actions. Server actions in Next.js can expose post routes, which can be vulnerable if not properly secured. When using server actions, it's essenti...10 likesYou Don't Know Next.jsNext.js
Rishi Bakshirishibakshi.hashnode.dev·Oct 9, 2024Think Server Actions Can Only Be Used in Server Components? Think againOne common misconception in Next.js development is thinking that server actions can only be utilized within server components. However, this isn't the case. Server actions can be used inside client components as well, which allows us to interact with...You Don't Know Next.jsNext.js
Rishi Bakshirishibakshi.hashnode.dev·Oct 8, 2024Page Not Reflecting Updated Data After Mutation? Here's How to Fix ItWhen working with data mutations in Next.js, one common problem is when the page doesn’t update after adding or editing data. Imagine you’re adding a new to-do item via a server action, and even though the data is updated in the database, the changes...10 likesYou Don't Know Next.jsMutations
Turing Vangisms.hashnode.dev·Oct 8, 2024Nextjs FirebaseNext.js Firebase Integration: A Comprehensive Guide When building modern web applications, combining Next.js with Firebase can offer a powerful and efficient solution. In this article, we'll explore how Next.js Firebase integration works, the benefit...1 likeNext.js
Rohan Shrivastavarohanblogs.hashnode.dev·Sep 30, 2024Deploying a Next.js Project on Vercel: My ExperienceRecently, I deployed my Next.js project on Vercel, and it was surprisingly easy. If you're new to deploying Next.js apps, here's how I did it: 1. Create a Next.js Project First, I created my Next.js project using the command: npx create-next-app@late...Next.js
Rohan Shrivastavarohanblogs.hashnode.dev·Sep 29, 2024Understanding the Difference Between Next.js and ReactHey everyone! Today, I want to talk about Next.js and React, two popular JavaScript frameworks that I've worked with on several projects. If you're diving into the world of frontend development, you’ve probably come across these terms. So, let’s brea...155 readsReact
Reme Le Haneremelehane.dev·Sep 27, 2024Next.js: Static Site Generation (SSG) with Incremental Static Regeneration (ISR)Next.js: Static Site Generation (SSG) with Incremental Static Regeneration (ISR). This allows you to build static pages that can be updated after deployment without needing a full rebuild. When to use: You want the speed of static pages but also nee...Next.js
