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

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.