# Next.js

> 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.

- **Source:** DevDreaming (https://devdreaming.com)
- **Canonical URL:** https://devdreaming.com/videos/category/next-js

---

## Videos in Next.js

- [Build an Amazing Personal Portfolio Website with Next.js, Three.js & Tailwind CSS](https://devdreaming.com/videos/3d-portfolio-using-nextjs-threejs-tailwindcss) -- 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. ([watch](https://www.youtube.com/watch?v=T5t46vuW8fo))
- [Build & Deploy a Full Stack AI Sass application using Next.js 15, Supabase, Replicate API and Stripe](https://devdreaming.com/videos/build-ai-saas-app-nextjs-supabase-replicate-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. ([watch](https://www.youtube.com/watch?v=7AQNeii5K7E))
- [Build Deep Research AI Agent with Next.js, Vercel AI SDk and LLMs like Gemini, Deepseek & Gpt-4o](https://devdreaming.com/videos/deep-research-ai-agent-nextjs-aisdk-exasearch) -- 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. ([watch](https://www.youtube.com/watch?v=zKN18GQBxCM))
- [Next.js Blog Tutorial: Build SEO Optimized Blog with Next.js, Contentlayer, and Tailwind CSS 🔥](https://devdreaming.com/videos/nextjs-seo-optimized-blog-tutorial-with-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. ([watch](https://www.youtube.com/watch?v=1QGLHOaRLwM))
- [Nextjs Tutorial: Build a Mobile Responsive Portfolio with Tailwind CSS and Framer-motion](https://devdreaming.com/videos/nextjs-tutorial-build-portfolio-tailwind-css-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. ([watch](https://www.youtube.com/watch?v=Yw7yWHigGKI))
- [Implement Smooth Scroll & Parallax Effect in Next.js using Lenis and GSAP](https://devdreaming.com/videos/smooth-scrolling-parallax-effect-nextjs) -- 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. ([watch](https://www.youtube.com/watch?v=QNh0MH-G3OM))

---

## Related on DevDreaming

- [All Video Tutorials](https://devdreaming.com/videos)
- [Blog & Tutorials](https://devdreaming.com/blogs)
- [Free Developer Tools](https://devdreaming.com/tools)

---

_This is the Markdown twin of a page on **DevDreaming** -- free developer tutorials, tools, and AI resources. Source of truth: the canonical HTML URL above._