Nextjs Django Auth Example

screenshot of Nextjs Django Auth Example

Example of integrating Next.js with a Django API

Overview:

The nextjs-django-boilerplate is a demonstration of a Next.js single-page application (SPA) complemented by a Django API. The project comprises a backend section incorporating Django, Django REST Framework, and JWT Authentication, as well as a frontend segment encompassing Next.js and Tailwind CSS. The guide walks through setting up the backend API and deploying the application to Heroku and Vercel.

Features:

  • Backend Stack: Utilizes Django, Django REST Framework, and JWT Authentication for secure API development.
  • Frontend Framework: Utilizes Next.js for building interactive user interfaces efficiently.
  • Tailwind CSS: Includes Tailwind CSS for easily customizing and styling the frontend UI.
  • Local Development: Provides instructions for running both the backend API and frontend UI locally.
  • Deployment Guidance: Offers a brief overview of deploying the application to Heroku and Vercel with essential configuration steps.
  • Cookie Security: Provides insights on securing cookies when deploying the Next.js app and Django API separately.
  • Backend Configuration: Details on configuring backend variables like SECRET_KEY and DATABASE_URL for Heroku deployment.
  • Frontend Deployment: Step-by-step guide for deploying the frontend to Vercel, including setting NEXT_PUBLIC_API_HOST variable.