youtor.org
Nextjs React App with djangoninja API Building a Nextjs app
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=0Ez-2xjQyJo
Github: https://github.com/bugbytes-io/django... • 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... • 🐦 Twitter: / bugbytesio • 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: • Next.js: https://nextjs.org/ • Next.js Server Components: https://nextjs.org/docs/app/building-... • Next.js Data Fetching Caching: https://nextjs.org/docs/app/building-... • Next.js Dynamic Routes: https://nextjs.org/docs/app/building-... • Next.js Link component: https://nextjs.org/docs/pages/api-ref... • #python #webdevelopment #django
#############################
