Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

Lee Robinson

173,971 subscribers

79,109 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie Bildung Kunst

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von matt palmer

matt palmervor 1 Jahr

what magic is this youtube embedding

Profilbild von Bosch 💎

Bosch 💎vor 1 Jahr

I vowed to only consume from Nextjs docs or someone who works there for high quality and you have been excellent resource. fantastic work.

Profilbild von Lee Robinson

Lee Robinsonvor 1 Jahr

Appreciate that, thank you!

Profilbild von Aurora Scharff

Aurora Scharffvor 1 Jahr

Great video, Lee! Awesome to have these features in Next.js - the way you use them is very intuitive 😊

Profilbild von Haris

Harisvor 1 Jahr

Nice new pfp Lee!

Profilbild von cooper

coopervor 1 Jahr

🔥 thanks

Profilbild von Nil Ni

Nil Nivor 1 Jahr

What’s your thoughts on front formatter in MDX? Seems like vercel is not a fan about it 😹

Profilbild von Lee Robinson

Lee Robinsonvor 1 Jahr

Nothing wrong with it – I'm using the metadata object instead

Profilbild von Hassan Sadeed Ali

Hassan Sadeed Alivor 1 Jahr

Thanks for this. This would help a lot.

Profilbild von Nathan Shearer

Nathan Shearervor 1 Jahr

Algorithm for the win today! 👀

Ähnliche Videos

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 Aufrufe • vor 1 Jahr

Next.js App Router Training - hiroppy Interesting resource to learn Next.js features Interactive playground with a quite exhaustive list of features/demos

Next.js App Router Training - hiroppy Interesting resource to learn Next.js features Interactive playground with a quite exhaustive list of features/demos

Seb ⚛️ ThisWeekInReact.com

41,524 Aufrufe • vor 2 Jahren

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,692 Aufrufe • vor 1 Jahr

Want to roll your own auth with Next.js? Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.

Want to roll your own auth with Next.js? Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.

Lee Robinson

96,795 Aufrufe • vor 2 Jahren

Made this video with iPhone photos I took of my friend Stephanie that I used as keyframes in Luma! With the camera controls I can gen transitions between shots. I also built a custom web app in Next.js to help me speedramp and edit all the clips! Breakdown 🧵(1/18)

Made this video with iPhone photos I took of my friend Stephanie that I used as keyframes in Luma! With the camera controls I can gen transitions between shots. I also built a custom web app in Next.js to help me speedramp and edit all the clips! Breakdown 🧵(1/18)

CoffeeVectors

338,266 Aufrufe • vor 1 Jahr

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

Adam Wathan

192,324 Aufrufe • vor 3 Jahren

I built a portfolio/blog starter template with: • React / Next.js • MDX / Markdown • Tailwind v4 • Dynamic RSS / Sitemap • Dynamic OG images • Syntax highlighting • Simple design / Geist font

I built a portfolio/blog starter template with: • React / Next.js • MDX / Markdown • Tailwind v4 • Dynamic RSS / Sitemap • Dynamic OG images • Syntax highlighting • Simple design / Geist font

Lee Robinson

91,765 Aufrufe • vor 2 Jahren

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

Chrome for Developers

114,560 Aufrufe • vor 7 Monaten

Introducing the new Agents website from Ramp Built with: - Next.js - framework - Tailwind - styling - Motion - animations - MDX - documentation section - shadcn - UI components - Vercel - hosting link ⬇️ 🧵

Introducing the new Agents website from Ramp Built with: - Next.js - framework - Tailwind - styling - Motion - animations - MDX - documentation section - shadcn - UI components - Vercel - hosting link ⬇️ 🧵

Pontus Abrahamsson

49,681 Aufrufe • vor 6 Tagen

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔

Pasquale Vitiello

224,689 Aufrufe • vor 1 Jahr

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Lee Robinson

92,214 Aufrufe • vor 1 Jahr

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:

Tom Lienard

42,459 Aufrufe • vor 3 Jahren

Introducing Platforms Starter Kit v2 → It's an open-source Next.js template for you to build multi-tenant apps with custom domains in days, not months. Built with Next.js App Router and the @Vercel Domains API.

Introducing Platforms Starter Kit v2 → It's an open-source Next.js template for you to build multi-tenant apps with custom domains in days, not months. Built with Next.js App Router and the @Vercel Domains API.

Steven Tey

305,218 Aufrufe • vor 3 Jahren

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

Lee Robinson

568,193 Aufrufe • vor 1 Jahr

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

Sam Selikoff

103,113 Aufrufe • vor 2 Jahren

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

58,580 Aufrufe • vor 1 Monat

We have also improved the init command. It now does framework detection and can initialize a brand new Next.js app and install components and routes in a single command. Go from new app to a dashboard with a sidebar and login pages in just one command.

shadcn

101,688 Aufrufe • vor 1 Jahr

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,234 Aufrufe • vor 4 Monaten

SSR in Pages Router vs App Router in Next.js

SSR in Pages Router vs App Router in Next.js

Alex Sidorenko

61,064 Aufrufe • vor 1 Jahr