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.