Feeling stressed? I use Miracle of Mind app daily - see why It got 1M+ downloads! (not affiliated)Feeling stressed? I use Miracle of Mind daily.Try it now! Try it now

Next.jsNext.js category page for videos

Stay updated with the latest tips, tutorials, and insights on Next.js. Discover how to build fast, modern, and scalable React-based web applications using Next.js, complete with server-side rendering, static site generation, and more.

Tailwind CSS

Build an Amazing Personal Portfolio Website with Next.js, Three.js & Tailwind CSS

Learn to build a responsive personal portfolio with Next.js, Three.js & Tailwind CSS! Add 3D visuals, smooth animations, and interactive features step-by-step.

Web App

Build & Deploy a Full Stack AI Sass application using Next.js 15, Supabase, Replicate API and Stripe

Build a Fullstack AI SaaS app like PhotoAI using Next.js, Supabase, Replicate, and Stripe. Learn AI model training, payment integration, and deployment step-by-step.

Next.js

Build Deep Research AI Agent with Next.js, Vercel AI SDk and LLMs like Gemini, Deepseek & Gpt-4o

Learn how to build a powerful Deep Research AI agent like Gemini or ChatGPT using Next.js, Vercel AI SDK, and Exa Search API. Create an intelligent system that generates follow-up questions, crafts optimal search queries, and compiles comprehensive research reports.

Web App

Next.js Blog Tutorial: Build SEO Optimized Blog with Next.js, Contentlayer, and Tailwind CSS 🔥

Build a stunning static blog with Next.js, Tailwind CSS, and Contentlayer. Achieve top-notch performance, SEO, and elegant design with dark/light modes and Markdown support.

Framer Motion

Nextjs Tutorial: Build a Mobile Responsive Portfolio with Tailwind CSS and Framer-motion

Learn how to build a professional portfolio website using React JS, Framer-motion, and Styled-components. Follow this stLearn how to create a visually stunning, mobile-responsive portfolio using Next.js, Tailwind CSS, and Framer Motion in this tutorial. Follow step-by-step instructions, from setting up the environment to building the site.

Animation

Implement Smooth Scroll & Parallax Effect in Next.js using Lenis and GSAP

Learn how to add smooth scrolling with a parallax effect in Next.js using Lenis Scroll and GSAP. Build modern websites with animations that captivate users.