Build a Django Rest API and Integrate with Next.js! Django Ninja, shadcn, Neon Postgres, Railway...

preview_player
Показать описание

Topics:
✅ Python web development with Django
✅ Building a Rest API with Django Ninja (FastAPI meets Django)
✅ Use auth with Django Ninja JWT
✅ Integrate Neon Postgres
✅ Serialize Django models into JSON Data via Django Ninja Schemas (based on Pydantic)
✅ Using Neon Branching for Postgres in Dev and Production environments
✅ Python Decouple for env vars

If you like this course, consider:

00:00:00 Welcome
00:03:21 Overview and Requirements
00:06:29 Demo
00:14:33 Project Setup
00:21:43 Hello World with Django Ninja
00:29:01 User Auth with Django Ninja JWT
00:40:50 Custom Django Model with Matching Ninja Schema
00:49:04 Get and List Models via Django Ninja Router
00:58:01 Your First API request from Next to Django
01:04:20 Solve CORS Errors from Next to Django
01:07:32 Get API Data on Page Load with SWR
01:12:41 Submit Form Data with NextJS
01:23:46 httpOnly Cookies with Nextjs API Routes
01:33:18 Data from Nextjs Server to Django Backend
01:36:52 Auth Token Methods
01:42:27 Logout Page and API Route in Nextjs
01:50:51 User Required Requests from Nextjs to Django
02:00:27 Custom Context Provider and useAuth Hook
02:09:06 Login Required Redirect for Invalid Auth Tokens
02:21:24 Install shadcn to Nextjs
02:30:32 Login Page with shadcn ui
02:36:33 Base Layout with Navbar
02:46:16 Navbar Component
02:56:01 User and Non User Navbar Links
03:01:51 Waitlist Form and NextJS API Endpoint
03:11:32 Django Ninja Create Object via POST
03:16:28 Django Ninja User or Annon User Required
03:23:10 Django User Foreign Keys
03:28:23 Decouple Navbar Components
03:37:14 NextJS API Proxy HTTP Class
03:43:06 NextJS List view as shadcn Table
03:50:59 Improve API Proxy Class
03:55:48 Django Form Validation with Django Ninja
04:10:26 Rendering DjangoForm Validation Errors in Nextjs
04:24:06 Nextjs Config for Environments
04:30:42 Environment Variables in Django
04:37:49 Deploy Django Project to Railway
04:51:51 Production Django Database with Neon Postgres
05:06:48 Prepare our NextJS Production Build
05:14:23 NextJS Production Frontend on Railway
05:28:59 Dynamic Routing in Nextjs Pages and Routes
05:39:46 Adding and Updating New Database Fields
05:55:10 Deployed
06:00:48 Thank you
Рекомендации по теме
Комментарии
Автор

Thanks for watching!

Chapters
00:00:00 Welcome
00:03:21 Overview and Requirements
00:06:29 Demo
00:14:33 Project Setup
00:21:43 Hello World with Django Ninja
00:29:01 User Auth with Django Ninja JWT
00:40:50 Custom Django Model with Matching Ninja Schema
00:49:04 Get and List Models via Django Ninja Router
00:58:01 Your First API request from Next to Django
01:04:20 Solve CORS Errors from Next to Django
01:07:32 Get API Data on Page Load with SWR
01:12:41 Submit Form Data with NextJS
01:23:46 httpOnly Cookies with Nextjs API Routes
01:33:18 Data from Nextjs Server to Django Backend
01:36:52 Auth Token Methods
01:42:27 Logout Page and API Route in Nextjs
01:50:51 User Required Requests from Nextjs to Django
02:00:27 Custom Context Provider and useAuth Hook
02:09:06 Login Required Redirect for Invalid Auth Tokens
02:21:24 Install shadcn to Nextjs
02:30:32 Login Page with shadcn ui
02:36:33 Base Layout with Navbar
02:46:16 Navbar Component
02:56:01 User and Non User Navbar Links
03:01:51 Waitlist Form and NextJS API Endpoint
03:11:32 Django Ninja Create Object via POST
03:16:28 Django Ninja User or Annon User Required
03:23:10 Django User Foreign Keys
03:28:23 Decouple Navbar Components
03:37:14 NextJS API Proxy HTTP Class
03:43:06 NextJS List view as shadcn Table
03:50:59 Improve API Proxy Class
03:55:48 Django Form Validation with Django Ninja
04:10:26 Rendering DjangoForm Validation Errors in Nextjs
04:24:06 Nextjs Config for Environments
04:30:42 Environment Variables in Django
04:37:49 Deploy Django Project to Railway
04:51:51 Production Django Database with Neon Postgres
05:06:48 Prepare our NextJS Production Build
05:14:23 NextJS Production Frontend on Railway
05:28:59 Dynamic Routing in Nextjs Pages and Routes
05:39:46 Adding and Updating New Database Fields
05:55:10 Deployed
06:00:48 Thank you

CodingEntrepreneurs
Автор

Finally, my favorite stack! I've been waiting for this. Thanks, and keep it up!

laysskheir
Автор

One of the best videos to find on YouTube. It’s really hard to find quality content.

Thanks. Hope you get more subs.

gurvirbaraich
Автор

Just what I had been looking for for days, a project that has Python in the backend and Next in the frontend. I love you, I will leave like, sub and my comment apart from supporting you for this <3, Thank you!

Deus-lo-Vuilt
Автор

Bro I will definitely be sleeping in your channel, if i can get good with alot of things here . I see myself progressing ❤

judevector
Автор

Hey Justin,
love your work! That Ninja API video was super helpful. You always have the best recommendations.
Keep up the awesome content.
Thanks for the awesome tip!

amirfiroozi
Автор

Awesome No more good content on youtube regarding django & nextjs stack thank you so much sir g

bijendernagar
Автор

Nice and great and excellent and PRODUCTION READY! Great job, well done!

zoltanmolnar
Автор

Thank you so much for this amazing video!

yaroslavstadnyk
Автор

Thank you so much
I was troully lost, i'm working with adonisjs and nextjs not django, but both are building restApi
and your video was very helpful, thanks a lot !

abdellah.coding
Автор

Awesome
Looking for the exact content for a long time.
You are the best

HadiAriakia
Автор

Thank you for sharing amazing course :)

jaecheokkim
Автор

Django and Nextjs, my favorite stack for modern web application development.
Thank you so much!!🤩

sebastiancastillo
Автор

This is actually great I have been thinking on how to integrate django backend on NextJs

ericjr
Автор

Much appreciate your effort on this wonderful tutorial❤. Do you see yourself doing a Nuxt JS, Django, Django Ninja API project one of the days? Thanks

christophermaile
Автор

amazing. can you plz make a full tutorial about websockets and django channels in a clear and fully covering way cus no one else can explain it better than u pal

amiralasady
Автор

Thank you! I would loooove to see something like this but with HTMX!

LeakyPasteur
Автор

yes... yes yes... more django projects
please please please...

some ideas leetcode like clone.. with user information, being stored.. but within the python ecosystem, no javascript please..
maybe reflex, again..

zeroinfinity
Автор

how do you do it.. i am still going through the SaaS course, crazy work you do man.. Appreciate it

atitebisherif
Автор

You must be a mind reader, thank you!!!

Matty