Course Information
Course Overview
Learn to work with React frontend framework Next.js, while combining it with the Python framework Django via a REST API.
Students will learn how to use Nextjs (React framework), including working with getStaticPaths, getStaticProps, pages, the layout component as well as using the app file for propagating data to different pages, file structures, deploy our website to Vercel and getting API data.
Users will also gain knowledge on Python's Django framework, learning how to make an API with the Django REST Framework, work with serializers, viewsets, models and deploy this created API to Heroku, which will then be received in Nextjs.
We will also understand how to use PostgreSQL which will include creating new servers in both Heroku and on the localhost, creating data locally but also pushing this data from the localhost to the deployed Heroku website.
We will also utilize some CSS in order to style and layout the page in a nice, clean and presentable manner.
While this tutorial is for a pizza website, I would strongly advise that people who are following along try to change it into something they prefer, like shoes, toys, anime, cars - anything - as it will help cement their learning, and fundamentally this is to get a better understanding of working with Nextjs, Django & PostgreSQL and the data itself is inconsequential.
If you have any further questions, or need any assistance during the course, please don't hesitate to contact me or drop me an email and I will get back to you at the earliest convenience.
Course Content
- 1 section(s)
- 15 lecture(s)
- Section 1 Pizza Website
What You’ll Learn
- Learn how to use Nextjs (React framework)
- Working with getStaticPaths & getStaticProps
- Understanding pages and file structures within Nextjs
- Getting API data
- Users will also learn Python's Django framework
- Creating an API with the Django REST Framework
- Both frontend and backend will be deployed with Heroku and Vercel
- PostgreSQL will also be taught as this is the database we will use
Reviews
-
MMariia Rogina
Lots of useful info, put quite clearly, well done. It is a pity there's no git repository and Next.js just switched to /app directory instead of/pages
-
QQuanshu Li
it would be nice to teach how to encrypt the api.
-
NNay Lin Kyaw
I bought the idea of creation of NextJS & Django combination. I have got what I expected. But want to see more tutorials that deploy on the same server (linux) for both front and backend.
-
MMadhav Nandan
The course is really good all along. He guide all along and is really a good instructor. Would love to learn from him in future. However, He should have supplied exercise files or git repository link cause I encountered errors many times and it took great deal to get rid from them, It would have been far easier to sneak into original code and use his code where I was getting errors. Thanks anyway.