Github: 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:
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: bugbytes.io/posts/
👾 Github: github.com/bugbytes-io/django...
🐦 Twitter: / bugbytesio
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
Next.js: nextjs.org/
Next.js Server Components: nextjs.org/docs/app/building-...
Next.js Data Fetching & Caching: nextjs.org/docs/app/building-...
Next.js Dynamic Routes: nextjs.org/docs/app/building-...
Next.js Link component: nextjs.org/docs/pages/api-ref...
#python #webdevelopment #django
28 июн 2024