- 84
- 741 844
Bryan Brkic
Canada
Приєднався 10 вер 2014
Web development content.
MiniShop - Part 8 | Next.js
🔥 Subscribe to my UA-cam + Turn on Notification Bells!
👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html
Follow Me on Twitter - bryanbrkic
Follow Me on IG - bryanbrkic
Follow my Facebook Page - bryanbrkicfb
The project code can be found at: github.com/linkedweb/mini-shop
Hey, Bryan here. I share videos that help web developers create successful online businesses by taking their development skills to the next level!
Today I'll be sharing the eighth part of a tutorial series on how create an eCommerce app using React and Django, and in this video of the series you see how to have the same project using Next.js and Django as the tech stack.
Here is an overview of the things you will learn in this tutorial project:
1. How to setup Braintree
2. How to setup PayPal and hook it up to Braintree
3. How to hook up Braintree in Django
4. How to use the Braintree API to create customers, addresses, payment methods, and transactions
5. How to use a React frontend to make an interface in order to communicate with Django
6. How to add a shipping and payment form on React
7. How to convert the React frontend to use Next.js for server-side rendering
8. And much more!
To stay up to date with all the strategies and ways to create successful businesses with your web development skills, and how to do other amazing development related things, make sure you subscribe to My UA-cam channel Today.
👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html
Follow Me on Twitter - bryanbrkic
Follow Me on IG - bryanbrkic
Follow my Facebook Page - bryanbrkicfb
The project code can be found at: github.com/linkedweb/mini-shop
Hey, Bryan here. I share videos that help web developers create successful online businesses by taking their development skills to the next level!
Today I'll be sharing the eighth part of a tutorial series on how create an eCommerce app using React and Django, and in this video of the series you see how to have the same project using Next.js and Django as the tech stack.
Here is an overview of the things you will learn in this tutorial project:
1. How to setup Braintree
2. How to setup PayPal and hook it up to Braintree
3. How to hook up Braintree in Django
4. How to use the Braintree API to create customers, addresses, payment methods, and transactions
5. How to use a React frontend to make an interface in order to communicate with Django
6. How to add a shipping and payment form on React
7. How to convert the React frontend to use Next.js for server-side rendering
8. And much more!
To stay up to date with all the strategies and ways to create successful businesses with your web development skills, and how to do other amazing development related things, make sure you subscribe to My UA-cam channel Today.
Переглядів: 375
Відео
MiniShop - Part 7 | Payment Method And Transactions
Переглядів 2016 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 6 | Addresses
Переглядів 1426 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 5 | Customers
Переглядів 2136 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 4 | Payment Form
Переглядів 2976 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 3 | Shipping Form
Переглядів 3566 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 2 | Initial Project Setup
Переглядів 6086 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
MiniShop - Part 1 | Overview And Environment Setup
Переглядів 1,2 тис.6 місяців тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The project code can be found at: github.com/linkedweb/mini-shop Hey, Bryan here. I share videos that help web developers create successful online busin...
Django REST Framework View Sets
Переглядів 786Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Hey, Bryan here. I share videos that help web developers up their development skills! Today I'll be sharing a tutorial showing you how to use the View S...
Django REST Framework Generic Views
Переглядів 2,7 тис.Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Hey, Bryan here. I share videos that help web developers up their development skills! Today I'll be sharing a tutorial showing you how to use the Generi...
Django REST Framework API View
Переглядів 706Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Hey, Bryan here. I share videos that help web developers up their development skills! Today I'll be sharing a tutorial showing you how to use the API Vi...
Django REST Framework Secure Token Authentication
Переглядів 2,1 тис.Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Final project code: github.com/linkedweb/token-authentication Hey, Bryan here. I share videos that help web developers up their development skills! Toda...
Next.js and Django JWT Authentication | Part 2 - Frontend
Переглядів 20 тис.Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Final project code: Next.js Frontend: github.com/linkedweb/full-auth Django Backend: github.com/linkedweb/full-auth-api Hey, Bryan here. I share videos ...
Next.js and Django JWT Authentication | Part 1 - Backend API
Переглядів 37 тис.Рік тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb Final project code: Next.js Frontend: github.com/linkedweb/full-auth Django Backend: github.com/linkedweb/full-auth-api Hey, Bryan here. I share videos ...
JWT Authentication with Django, React and Redux Toolkit - Part 5
Переглядів 3,2 тис.2 роки тому
🔥 Subscribe to my UA-cam Turn on Notification Bells! 👉 ua-cam.com/channels/f_Y89gbkB1bJGkmqiQIAnQ.html Follow Me on Twitter - bryanbrkic Follow Me on IG - bryanbrkic Follow my Facebook Page - bryanbrkicfb The final project code can be found at: github.com/linkedweb/auth-site Hey, Bryan here. I share videos that help web developers up their development ski...
JWT Authentication with Django, React and Redux Toolkit - Part 4
Переглядів 3,4 тис.2 роки тому
JWT Authentication with Django, React and Redux Toolkit - Part 4
JWT Authentication with Django, React and Redux Toolkit - Part 3
Переглядів 5 тис.2 роки тому
JWT Authentication with Django, React and Redux Toolkit - Part 3
JWT Authentication with Django, React and Redux Toolkit - Part 2
Переглядів 6 тис.2 роки тому
JWT Authentication with Django, React and Redux Toolkit - Part 2
JWT Authentication with Django, React and Redux Toolkit - Part 1
Переглядів 14 тис.2 роки тому
JWT Authentication with Django, React and Redux Toolkit - Part 1
Django & React Payments with Stripe Checkout
Переглядів 12 тис.3 роки тому
Django & React Payments with Stripe Checkout
Next.js Payments with Stripe Checkout
Переглядів 7 тис.3 роки тому
Next.js Payments with Stripe Checkout
Django Real Estate App Using Multiple Users & Databases - Part 10 | Admin Panel
Переглядів 6 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 10 | Admin Panel
Django Real Estate App Using Multiple Users & Databases - Part 9 | Full Text Search
Переглядів 2,3 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 9 | Full Text Search
Django Real Estate App Using Multiple Users & Databases - Part 8 | Update & Delete Listings
Переглядів 1,9 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 8 | Update & Delete Listings
Django Real Estate App Using Multiple Users & Databases - Part 7 | Retrieve Listings
Переглядів 1,7 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 7 | Retrieve Listings
Django Real Estate App Using Multiple Users & Databases - Part 6 | Create & Get Listings
Переглядів 2,9 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 6 | Create & Get Listings
Django Real Estate App Using Multiple Users & Databases - Part 5 | JWT Authentication
Переглядів 4,1 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 5 | JWT Authentication
Django Real Estate App Using Multiple Users & Databases - Part 4 | Listing Model
Переглядів 4 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 4 | Listing Model
Django Real Estate App Using Multiple Users & Databases - Part 3 | Custom User Model
Переглядів 9 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 3 | Custom User Model
Django Real Estate App Using Multiple Users & Databases - Part 2 | Project Setup
Переглядів 9 тис.3 роки тому
Django Real Estate App Using Multiple Users & Databases - Part 2 | Project Setup
Hello Bryan, I have a question. By storing jwt in httponly cookies, without a csrf token, isn't the api vulnerable to CSRF?
If you would explain rather than just tell us what you are doing. But thanks by the way ❤😊
This is really an amazing and detailed video.
I'm sooooo happy to find you man! really appreciate it, it's working and it's been very easy also!
When I follow along and test the endpoints using Postman and add an extra character at the end of the token, it still succeeds. And yes, when I remove the extra character, it still succeeds. Any ideas or suggestions?
Turns out this was on me. I didn't realize that when he did his first round of testing, he hadn't customized the views or the urls yet. All is well!!
how did ypo make the Django backend service and the React service, both to listen to port:8000
@@peternakitare3124 building the react frontend and having Django serve the react app as a template
when i login cookies get set but when i refresh page in frontend the cookies get deleted please help me sort this
Great vide, thanks mate! Keep doing these videos because they re so well done and clear, they make learning django so much easier !!
Nice video man thank you for putting them out, please keep doing them!!
Great video, thanks mate, as always a recommended watch!!
Best video by far on the topic, great skills and props for your teaching abilities, GG
I have a question, Djoser is under maintenance?
Underated ! thanks so much for you help 2 years after and this is still helpful
Hey i am not receiving any email
Using documentation while coding helps us understand and learn how to search for information. Thank you for this great video.
I m having issues on verifying.. everytime i refresh page, it send POST request twice and cannot verifying and after login, and refresh it s not working. have you ever take that kind of error. i m completely stuck. thank you so much for your help
Github repository 😊😊
How could i set the protect routes using next middleware? I've heard its better since its faster and more secure.
you just saved my life (or my job xD)
amazing video. thank you for sharing. <3. but would this make a vulnerability since people can access the function that gets the csrf token?. I am still new to the session based authentication so I don't know
Thanks for the tutorial Bryan, Had to get my hands on how things work in django for making a server and this helped me a lot in such a short span. Once again thank you!
I believe this is the most exceptional Django tutorial I've encountered since the day I first saw the sun. It's truly a comprehensive, well-structured, and insightful resource that stands out above all others.
please can you update this serie with NextJs 14?
Eres un chingón, el mejor video que he visto sobre el tema. Thanks a lot !
Thank you, NextJS with Django is my fave combo!
who had this issue, and how did you solve it when working with djoser google oauth2 "{ "non_field_errors": [ "Authentication process canceled" ] }"
Awesome. Loved the part where you go in the library code as well to explain 🔥
Hi Mr. When I refresh the page, the cookies are deleted. How can i fix it ? plz
This is incredibly amazing!!! thank for the tutorial🍷
nice job!
Thank you so much for this awesome content i have been looking for.
Thanks
You soooo ausome but i need to help. People help me pls. If i want to create custom serializer base to UserCreateSerializer but add few custom validates and add to settings to djoser settings. But i have a problem. Djoser use default UserCreateSerializer to create_user not my CustomUserCreateSerializer. Why????
Hello I am recieving email for every posts but, i am not recieving email for 127.0.0.1:8000/auth/users/activation/. What's the problem as i am getting 204 no content and not getting any error.
i like your teaching style a lot, thank you sir
Thanks bro for the best informations
sir i want to know one thing.Currently we use jsx vite.So how we can implement the vite in this tutorial .If you dont mind please give me answer. Because im doing my project so if i get the answer it's really help for me.
anyone with bad request problem and don't know why ? please help
yeah same i think it somthing about "This API is in beta quality - backward compatibility is not guaranteed in future versions and you may come across bugs." i got this warning in djoser social endpoints web page...did you find any alternatives ?
@@mohamedchili-r2u switched to dj-rest-auth but i got some problems here too . i will tell you when i get things sorted out
@@mohamedchili-r2u i saw on reddit and github that ppl ditched djoser
bro, this video is an absolute gem for anyone that wants to see drf generic views in action. I also like how you peek behind the curtain to show us the mixin’s and lower level views at play. thanks, you rock! 🏆🥳🍻
As with the backend tutorial thank you for so good material. I have right now a little problem, When I go to the activation page, it showas the success and error toast at the same time. Honestly I have tried to do my own best to fix it but i could. Anyone can Help me please?
There ıs also searchParams needs to be ın suspense tags issue
I would also make sure to run verıfy once ın each load so maybe we should use effectRan to check ıf verıfy alread execed
I'm trying to imagine how on earth you have only 720 likes. this is the best tutorial about authentication using JWT I Have ever seen. I have been the last month researching about the topic and just now I have found something that really helped me to understand the core concepts behind. And the use of postman is a bonus! Thanks a lot my friend. Sorry for my ugly English
Thank you, I appreciate it, and glad you found what you were looking for!
Thanks
Welldone for making this tutorial. i watched the first full auth and now watching this. Thank you. Just one question, what do you think will make auth, reauth itself even after logging out. When i hit the logout button, it logs me out but when i just refresh the page, it logs me in automatically
The credentials must not be getting cleared when you log out for some reason
unable to load the drop in .. Some of your code is deprecated .
If I want to use djoser but also use OTP as my activation, how do i do that?
please can you make for nuxt.js too?
please are you planing to deploy it ?
i get 'django.core.exceptions.AppRegistryNotReady: Apps aren't loaded yet.' error.......