Тёмный

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

BugBytes
Подписаться 27 тыс.
Просмотров 4,4 тыс.
50% 1

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

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@MrValVet
@MrValVet 9 дней назад
This NextJS / Django is exactly what I need right now. Thank you, BB! ❤
@bugbytes3923
@bugbytes3923 8 дней назад
Awesome! Thanks for watching!
@Septumsempra8818
@Septumsempra8818 5 месяцев назад
Im so happy about where this series is heading.
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks a lot! Glad to hear it.
@anago7
@anago7 5 месяцев назад
Much More ninja lecture or tutorial needed!
@bugbytes3923
@bugbytes3923 5 месяцев назад
More to come! I'll release a video on django-ninja-extra next week.
@djtoon8412
@djtoon8412 5 месяцев назад
Well explained.Hope to see nextjs and fast api more tutorials including authentication and authorization.
@banka990
@banka990 3 месяца назад
Thank you so much for this video ❤ Please make more videos on integrating Django and Next.js, they are so scarce and you are doing amazing job! Is the same principle used when using DRF instead of Ninja?
@AmoahDevLabs
@AmoahDevLabs 5 месяцев назад
Great one ~ I love this. This is really great.
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks a lot for the support!
@dmitrymikhailovnicepianomu8688
@dmitrymikhailovnicepianomu8688 5 месяцев назад
Great as always! Please more videos with react and python! Thank you.
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks a lot Dmitry! Will release another today or tomorrow - and more to come, among other things!
@aashayamballi
@aashayamballi 5 месяцев назад
Thank you!
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks for watching!
@RadoslavRobert
@RadoslavRobert 5 месяцев назад
Thank you for these videos. Please make a Github repo for this series :)
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks a lot! That's a great idea, I'll add the code to Github soon and update the videos with links.
@serychristianrenaud
@serychristianrenaud 10 дней назад
Thanks
@bugbytes3923
@bugbytes3923 7 дней назад
Thanks for watching!
@wonganitembo5521
@wonganitembo5521 5 месяцев назад
Please create a fullstack application with django and next js, please please
@luisloyola3591
@luisloyola3591 5 месяцев назад
x2 with jwt god!
@rec-trick
@rec-trick 5 месяцев назад
please video for multi vendor or subscription ecommerce with django ninja and nextjs
@theintjengineer
@theintjengineer 5 месяцев назад
So, say we weren't using Django, could we just create a FastAPI Project to serve as the Backend for the Next.js Frontend? I'd love to see a video by you on how to go about that. Thank you so much🙌🏽, BugBytes.
@bugbytes3923
@bugbytes3923 5 месяцев назад
Thanks! FastAPI could easily provide the API rather than Django, yes!
@XavierLarrea
@XavierLarrea 5 месяцев назад
What is the advantage of this aproach? Why not django+htmx to solve it? I would agree with any solution that makes you work only once to create an App both for web and mobile... Any suggestions what would be the best aproach to achieve this?
@felipe118ful
@felipe118ful 4 месяца назад
when I choose to build the API with Django ninja instead using the solution of the backend with Prisma, there is any advantage in not use typescript? That's because the validation type happens already in pydantic?
@maankabe01
@maankabe01 5 месяцев назад
django drf or ninja auth with next js
@aryindra2931
@aryindra2931 5 месяцев назад
Please make video robyn python❤❤
@alexdin1565
@alexdin1565 5 месяцев назад
please can you add a video about deployment i commented before watching because i trust your content i will be back after watching
@alexdin1565
@alexdin1565 5 месяцев назад
after finishing the video i hope to tell you thank you for this amazing content please as Suggestion: if you can make more tutorials about Next.js + Django and if we can change django admin dashboard with dashbord buil in Next.js and show us how we can deploy it on server online
Далее
Django Authentication & User Management - Full Tutorial
2:20:03
Why Learn HTMX?? | Prime Reacts
21:29
Просмотров 118 тыс.
HTMX - What they don't want you to know!
13:28
Просмотров 79 тыс.
Next js vs React - (2024) Difference Explained
10:16
Просмотров 51 тыс.
The Truth About React Server Components
26:33
Просмотров 44 тыс.
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 46 тыс.
State Managers Are Making Your Code Worse In React
13:33
Can we use Laravel as a Next.js alternative?
20:13
Просмотров 15 тыс.