Next.js / React App with django-ninja API | Building a Next.js app

Playlist: https://www.youtube.com/playlist?list=PL-2EBeDYMIbRhs2GXpsFcVMEu6oz3CRaC Github: https://github.com/bugbytes-io/django-ninja-nextjs-video In this video, we'll extend the Django-Ninja API build previously, and add a React/Next.js application that consumes this API! We'll demonstrate server components in Next.js, the AppRouter pattern, and how to create dynamic route segments. ☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes 📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Intro 00:32 Creating next.js app 01:51 Next.js AppRouter paradigm 03:14 Creating a component 04:43 Next.js Rendering 06:06 Next.js fetch requests to Django-ninja 10:31 Next.js SEO benefits 11:23 Creating device detail page with dynamic URL param 19:38 Fetching locations and the JavaScript Promise.all() function 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Blog: https://bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/django-ninja-nextjs-video 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: Next.js: https://nextjs.org/ Next.js Server Components: https://nextjs.org/docs/app/building-your-application/rendering/server-components Next.js Data Fetching & Caching: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating Next.js Dynamic Routes: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes Next.js Link component: https://nextjs.org/docs/pages/api-reference/components/link #python #webdevelopment #django