Make A Pizza Website with Next.js Frontend & Django Backend
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
Course content
- Preview03:47
- Preview12:11
- 14:00Part 2 / Flaticon, Google Fonts & Navbar Finished
- 10:59Part 3 / About & Layout
- 16:13Part 4 / Home Page & Unsplash
- 14:10Part 5 / Search Box & Home Finished
- 15:06Part 6 / Details Page, getStaticPath & getStaticProps
- 09:52Part 7 / Details CSS
- 07:09Part 8 / Deploying With Vercel
- 08:16Part 9 / Getting Django Up & Running
- 16:37Part 10 / PostgreSQL & Models
- 18:27Part 11 / Django REST Framework & Fetch Data
- 15:23Part 12 / Deploying Django to Heroku
- 13:14Part 13 / Moving Localhost Data to Heroku Database
- 01:52Conclusion
Description
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.
Who this course is for:
- Beginner and pre-intermediate Python and React developers. Perhaps you know vanilla React but you are not familiar with Nextjs or you know React but you need to brush up on Django.
Instructor
![Shane Keenan](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 17 Reviews
- 92 Students
- 3 Courses
I have been learning programming for a number of years now. Started with C originally then moved onto Java, then Python. After teaching myself some python I developed my understanding of Django and fell in love with it. From there I worked on backend programming and later learned I was missing something - the frontend. I looked into frontend frameworks and found a passion for both Vue and React. I love programming and it's what I do.