#nextjs Development Tutorials & Tips | Roast Dev

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

Bloggr – A flexible, open-source Next.js blog engine

Adding a feature-rich, self-hosted bloggging platform to a Next.js project can be complex. I built Bloggr as a lean, developer-focused alternative.Bloggr is an open-source (MIT) blogging engine built ...

23.04.2025 0 Read More

Building a Real-Time Chat App with Firebase and Next.js

Table of Contents Introduction Tech Stack Project Overview Firebase Setup Message Schema with Zod Real-Time Messaging with Firestore Pagination and Lazy Loading Scroll Behavior ...

23.04.2025 0 Read More

Next.js console.log in SSC vs CSC.

---> In Server Side Component, console.log() will be displayed in Terminal.---> In client side Component, console.log() will be displayed in Browser....

23.04.2025 0 Read More

SEO in Next.js: The 2025 Edition 🔍

~ Index Introduction Meta Tags with next/head OpenGraph & Social Sharing Structured Data with JSON-LD Canonical URLs & Duplicate Prevention Sitemaps and Robots.txt 2 Bon...

23.04.2025 0 Read More

How to Use Drizzle ORM with PostgreSQL in Next.js 15

This post is about adopting Drizzle ORM in a Next.js application. It explores Drizzle essential concepts & APIs and demonstrates how to integrate a Drizzle powered PostgreSQL database in the backe...

23.04.2025 0 Read More

Building Complexus: How I am Building a Modern Enterprise Frontend Architecture with Next.js and Turborepo

Introduction: Crafting a Modern Project Management System Building a sophisticated, feature-rich application like a project management system demands more than just choosing a popular framewo...

23.04.2025 0 Read More

Testing NextAuth.js Logins in Cypress: Optimizing Speed & Reliability

Login Strategies for Cypress Tests In this article, I will demonstrate different approaches to handling authentication in your Cypress tests when using the NextAuth.js credentials provider. W...

23.04.2025 0 Read More

How to Build a Full-Stack App with Next.js, Supabase & Stripe

If you’ve been thinking of building a full-stack web app that’s scalable, fast, and modern, this tech stack trio is the dream team:Next.js + Supabase + Stripe.In this guide, I’ll walk you throug...

24.04.2025 0 Read More

Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI

This article was co-authored by: @calyx_426 Charles Nigel Espiloy Introduction Every front-end developer knows how dreadful it is to recreate the same UI component across different projects. I...

24.04.2025 0 Read More

URL Shortener with Next.js Route Handlers + Prisma

~ Index Introduction Tech Stack & Setup Schema & Database API Endpoint to Shorten URLs Route Handler to Redirect Optional UI with Client-side Form Bonus Tips Conclusio...

24.04.2025 0 Read More

Bloggr – A flexible, open-source Next.js blog engine

Building a Real-Time Chat App with Firebase and Next.js

Next.js console.log in SSC vs CSC.

SEO in Next.js: The 2025 Edition 🔍

How to Use Drizzle ORM with PostgreSQL in Next.js 15

Building Complexus: How I am Building a Modern Enterprise Frontend Architecture with Next.js and Turborepo

Testing NextAuth.js Logins in Cypress: Optimizing Speed & Reliability

How to Build a Full-Stack App with Next.js, Supabase & Stripe

Less Code, More Flow: Streamline your Frontend Workflow with Shadcn/UI

URL Shortener with Next.js Route Handlers + Prisma

#reading

#popular