Django & Next.js Authentication fullstack application

This is an application built with Next.js and Django to showcase how to build a protected application with authentication features such as registration, login, reset password, and session handling on the front-end.

You can find an implementation of this application with Redux added. It can be useful for starting a project with Redux Toolkit and Next.js.☺️

Stack used

  • Django and DRF for the backend
  • Next.js and Tailwind on the frontend
  • Wretch for API calls
  • Djoser for authentication

Setup

With Docker

docker compose up -d --build

By default, the Django backend will be running on localhost:8000 and the frontend on localhost:3000.

Manual setup

git clone https://github.com/koladev32/django-nextjs-auth.git && cd django-nextjs-auth

Run the setup.sh script to handle dependencies installation on the backend and the frontend.

chmod +x setup.sh
./setup.sh

To start the application, run the following commands.

source venv/bin/activate
python manage.py runserver

The commands above will start the backend application. To start the frontend, run the following commands.

cd frontend
npm run dev

Made with ❤️