#nextjs Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

5 Next.js Tips Every Developer Should Know 🔥

While working with Next.js, I've realized that there are a few repetitive tricks every developer should know when studying and using Next.js. Here are five essential Next.js tricks that every develope...

28.03.2025 0 Read More

Security Issue in Next.js Middleware: What You Need to Know

Hey developers! 👋 If you're using Next.js, there's something important you should know—a recent security issue in middleware could put your app at risk. But don’t worry, I’ll break it down si...

29.03.2025 0 Read More

Push notifications with Next.js + FCM(Firebase Cloud Messaging)

Keeping users informed and engaged is crucial (of course, you know it 😂) for any great application, product or system. That’s where push notifications come in—delivering instant updates directl...

29.03.2025 0 Read More

Solving Image Path Issues in Subdirectory Deployments with Next.js + App Router + TypeScript

When deploying a Next.js project under a subdirectory—such as /blog-sample in a production environment—handling image paths requires a bit of care.By default, the next/image component loads images...

29.03.2025 0 Read More

Next.js Deployment to AWS Amplify: Environment Variable Issue & Fix

Recently, I had to spent hours to figure it out environment variable issue on NextJS deployment to AWS Amplify. ContextApplication has text search from MongoDB where user do the search from UI. API pr...

29.03.2025 0 Read More

Build a Full-Stack Video Streaming App with React.js, Node.js, Next.js, MongoDB, Bunny CDN, and Material UI

The rise of video streaming platforms like YouTube, Netflix, and Twitch has transformed how we consume media. But what if you could build your own? In this comprehensive guide, we’ll walk you throug...

29.03.2025 0 Read More

React Query and Server Actions Don't Mix: How API Routes Saved the Day

While working on a feature that fetched data using React Query in a Next.js App Router project, I came across an issue where some queries were stuck in the loading state indefinitely. After a bit of d...

29.03.2025 0 Read More

🚀 Understanding Next.js Hydration Errors: Causes & Fixes

A common error in Next.js is the hydration error, which I often call the “national error” of Next.js 😅.📌 What is Hydration?📌 Why does this error occur?📌 How can it be resolved? ...

30.03.2025 0 Read More

Streaming APIs with FastAPI and Next.js — Part 1

Streaming data in the browser is one of those things that feels magical the first time you see it: data appears live — no need to wait for the full response to load. In this two-part series, we’ll...

30.03.2025 0 Read More

A Software Engineer’s 2-Day Learning Project.Next.js, Zustand, and WebSockets: My Open-Source Instagram Clone Built in 48 Hours

Hi Dev community , As a software engineer, I love pushing my skills with challenging projects. Two months ago, I set out to build a fully functional Instagram clone from scratch in just two days. The ...

30.03.2025 0 Read More

5 Next.js Tips Every Developer Should Know 🔥

Security Issue in Next.js Middleware: What You Need to Know

Push notifications with Next.js + FCM(Firebase Cloud Messaging)

Solving Image Path Issues in Subdirectory Deployments with Next.js + App Router + TypeScript

Next.js Deployment to AWS Amplify: Environment Variable Issue & Fix

Build a Full-Stack Video Streaming App with React.js, Node.js, Next.js, MongoDB, Bunny CDN, and Material UI

React Query and Server Actions Don't Mix: How API Routes Saved the Day

🚀 Understanding Next.js Hydration Errors: Causes & Fixes

Streaming APIs with FastAPI and Next.js — Part 1

A Software Engineer’s 2-Day Learning Project.Next.js, Zustand, and WebSockets: My Open-Source Instagram Clone Built in 48 Hours

#reading

#popular