django-ninja & Next.js - DaisyUI Components | Client Components | Form Submissions

Playlist: https://www.youtube.com/playlist?list=PL-2EBeDYMIbRhs2GXpsFcVMEu6oz3CRaC Github: https://github.com/bugbytes-io/django-ninja-nextjs-video In this video, we'll continue developing the Django-Ninja and Next.js application we built previously, and add features that allow users to: 1. Change device location 2. Add a new device We'll build with DaisyUI in this video, and will look at component classes for forms, modals, buttons and input elements We'll also demonstrate client components in Next.js, and will see how to submit forms to our NextJS and django-ninja backends. ☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes 📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Intro 01:19 Adding DaisyUI to Next.js project 03:12 Adding DaisyUI modal in Next.js client-component 13:31 Handling form submission to Django-ninja endpoint 19:25 Next.js useRouter hook 23:32 Create Device form page in Next.js 30:27 Handling submission of new device to django-ninja API 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Blog: https://bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/django-ninja-nextjs-video 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: Next.js: https://nextjs.org/ DaisyUI: https://daisyui.com/ DaisyUI: https://daisyui.com/components/modal/ DaisyUI Input: https://daisyui.com/components/input/ DaisyUI Select: https://daisyui.com/components/select/ Next.js Client Components: https://nextjs.org/docs/app/building-your-application/rendering/client-components Next.js useRouter: https://nextjs.org/docs/app/api-reference/functions/use-router Next.js Link component: https://nextjs.org/docs/pages/api-reference/components/link #python #webdevelopment #django #nextjs13