Make A Pizza Website with Next.js Frontend & Django Backend

Learn to work with React frontend framework Next.js, while combining it with the Python framework Django via a REST API.

4.65 (25 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Make A Pizza Website with Next.js Frontend & Django Backend
152
students
3 hours
content
Mar 2021
last update
$39.99
regular price

What you will 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

Why take this course?

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.

Screenshots

Make A Pizza Website with Next.js Frontend & Django Backend - Screenshot_01Make A Pizza Website with Next.js Frontend & Django Backend - Screenshot_02Make A Pizza Website with Next.js Frontend & Django Backend - Screenshot_03Make A Pizza Website with Next.js Frontend & Django Backend - Screenshot_04

Reviews

Mariia
June 10, 2023
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
Nay
September 15, 2021
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.
Madhav
June 16, 2021
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.
William
May 30, 2021
Sadly this course is a youtube series simply brought to Udemy - definitely worth getting at a promotional price because it runs through how we can set up a Next.js frontend consuming a Django backend API, exactly how it says it will. To the instructor what I could leave as feedback would be: 1) don't code with your VS Code in "half-screen" mode. It was WAY harder to find out what I was doing wrong when writing the CSS for the frontend with your VS Code showing only 40 characters at once. 2) At the end, not knowing what Heroku configurations and the changes we did in the Python project was really, really bad... 3) I know there are ways of handling "dev" and "production" environment credentials in Django, I was hoping to learn that here but sadly, at the end, we were instructed to just switch values locally and then push to Heroku - so if I want to continue testing and learning from this project I need to keep switching them? I'm sure there is a better way. 4) We never got to see how can we make the project in Next.js also work with "dev" environment values - like the URLs for the API calls vs. the "production" environment values - to the frontend to request from the deployed Django project. A good course for people who want to just "see it" happening without much depth on the what and the why things work.
Ian
April 10, 2021
I think the course is really well thought out so far. Its a really good beginner course for those that want to build things with Next and Django. It would be cool if the we could get a few more projects like this...like a 5 or 10 projects with Next and Django. Keep up the good work!!!

Charts

Price

Make A Pizza Website with Next.js Frontend & Django Backend - Price chart

Rating

Make A Pizza Website with Next.js Frontend & Django Backend - Ratings chart

Enrollment distribution

Make A Pizza Website with Next.js Frontend & Django Backend - Distribution chart
3923062
udemy ID
3/18/2021
course created date
4/4/2021
course indexed date
ANUBHAV JAIN
course submited by