#nextjs Development Tutorials & Tips | Roast Dev

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

Breakpoints variables with pure CSS

In CSS can use variables most of the time. ⛶:root { --color-main: red; }But, can't use variables in @media queries. ⛶@media (min-width: var(--br-md) { /* will never work */ }Unexpected solution ...

01.05.2025 0 Read More

25+ Top UI frameworks & libraries for Next.js

If you are overwhelmed with dozens of UI frameworks and libraries available, you are not alone as a developer. With so many UI Frameworks for Nextjs each claiming to be the best it’s tough to deci...

01.05.2025 0 Read More

Colour Detector Camera PWA with React + Camera API + TailwindCSS

Hey, devs! 👋 I recently built a Color Detector PWA that uses your device's camera to detect colors in real-time.🔗 Live Demo: https://color-detector-app.vercel.app/ 💻 Stack: React, TailwindCSS...

01.05.2025 0 Read More

How to use the Next.js Image component to optimize images

Written by Adebiyi Adedotun✏️The Next Image Component is the built-in image optimization solution for Next.js. It extends the native HTML element with built-in features for automatic image optimi...

01.05.2025 0 Read More

Strapi Email and Password Authentication with Next.js 15: Part 1

Introduction Most applications require that an individual is verified and permitted to access resources. This ensures the security of the app.Strapi provides you with authentication mechanism...

01.05.2025 0 Read More

Strapi Email and Password Authentication with Next.js 15: Part 2

Introduction In the previous Part of this tutorial, you implemented Strapi email and password registration and login using the SendGrid email provider. You also learned how to perform Strapi ...

01.05.2025 0 Read More

React Conditional Rendering: Show What Matters! 👀

Not everything on a webpage should be visible all the time—and that’s where conditional rendering in React comes in!🔹 What is Conditional Rendering? – It means showing or hiding parts of the ...

01.05.2025 0 Read More

BillingErrorAlert component in Suna, an open source generalist AI agent.

In this article, we review a component BillingErrorAlert in Suna codebase. Suna is an open source generalist AI agent. We will look at: Where this BillingErroAlert component is used? BillingErrorAlert...

02.05.2025 0 Read More

What is the Lexical Editor?

Introduction Hi! I'm kouta222 I had the opportunity to use the Lexical Editor during my internship, so I wrote this article to share what I learned. What is the Lexical Editor? The Le...

02.05.2025 0 Read More

Engineering the Box Office: My Full Stack Movie Booking Platform Unveiled

Introduction Have you ever paused to wonder what really happens when you book a movie ticket online? What unfolds behind the scenes when you check show details or reserve your favorite seat? ...

02.05.2025 0 Read More

Breakpoints variables with pure CSS

25+ Top UI frameworks & libraries for Next.js

Colour Detector Camera PWA with React + Camera API + TailwindCSS

How to use the Next.js Image component to optimize images

Strapi Email and Password Authentication with Next.js 15: Part 1

Strapi Email and Password Authentication with Next.js 15: Part 2

React Conditional Rendering: Show What Matters! 👀

BillingErrorAlert component in Suna, an open source generalist AI agent.

What is the Lexical Editor?

Engineering the Box Office: My Full Stack Movie Booking Platform Unveiled

#reading

#popular