by joaopslins


License: MIT

Django React Boilerplate


A Django project boilerplate/template with lots of state of the art libraries and tools like:

For continuous integration, a CircleCI configuration .circleci/config.yml is included.

Also, includes a Heroku app.json and a working Django settings, enabling easy deployments with 'Deploy to Heroku' button. Those Heroku plugins are included in app.json:

  • PostgreSQL, for DB
  • Redis, for Celery
  • Sendgrid, for e-mail sending
  • Papertrail, for logs and platform errors alerts (must set them manually)

This is a good starting point for modern Python/JavaScript web projects.

Project bootstrap CircleCI Greenkeeper badge

  • Install Django with pip install django, to have the django-admin command available.
  • Open the command line and go to the directory you want to start your project in.
  • Start your project using:
django-admin startproject theprojectname --extension py,yml,json --name Procfile,,.env.example --template=
  • Above: don't forget the --extension and --name params! (also don't forget to change theprojectname to your project's name).
  • Navigate to the project's directory through your command line.
  • Install pipenv if not installed yet: pip install pipenv (maybe you'll have to run this command as an OS superuser).
  • Make sure you have Python 3.6 installed.
  • pipenv install --dev
  • Activate the newly created virtualenv with pipenv shell
  • Change the first line of README to the name of the project.
  • Add an email address to the ADMINS settings variable in myproj/myproj/settings/
  • Change the SERVER_EMAIL to the email address used to send e-mails in myproj/myproj/settings/
  • Rename the folder circleci to .circleci with the command mv circleci .circleci

After completing ALL of the above, remove this Project bootstrap section from the project README. Then follow Running below.



  • Inside the backend folder, do the following:
  • Create a copy of myproj/settings/
     cp myproj/settings/ myproj/settings/ (remembering you should replace myproj with your project's name!).
  • Create a copy of .env.example:
    cp .env.example .env
  • Create the migrations for users app (do this, then remove this line from the README):
    python makemigrations
  • Run the migrations:
    python migrate


Running the project

  • Open a command line window and go to the project's directory.
  • pipenv install --dev
  • npm install
  • npm run start
  • Open another command line window and go to the backend directory.
  • pipenv shell
  • python runserver


  • Open a command line window and go to the project's directory
  • pipenv shell
  • python celery


make test

Will run django tests using --keepdb and --parallel. You may pass a path to the desired test module in the make command. E.g.:

make test someapp.tests.test_views

Adding new pypi libs

Just run pipenv install LIB_NAME_ON_PYPI and then pipenv lock to lock the version in Pipfile.lock file



This project comes with a app.json file for heroku, that can be used to create an app on heroku from a GitHub repository.

After setting up the project, you can init a repository and push it on GitHub. If your repository is public, you can use the following button:


If you are in a private repository, access the following link replacing $YOUR_REPOSITORY_LINK$ with your repository link.$YOUR_REPOSITORY_LINK$

Remember to fill the ALLOWED_HOSTS with the URL of your app, the default on heroku is Replace appname with your heroku app name.


Sentry is already set up on the project. For production, add SENTRY_DSN environment variable on Heroku, with your Sentry DSN as the value.

You can test your Sentry configuration by deploying the boilerplate with the sample page and clicking on the corresponding button.


  • Manually with prospector and npm run lint on project root.
  • During development with an editor compatible with prospector and ESLint.

Pre-commit hooks

  • Run pre-commit install to enable the hook into your git repo. The hook will run automatically for each commit.
  • Run git commit -m "Your message" -n to skip the hook if you need.

Commercial Support

This project, as other Vinta open-source projects, is used in products of Vinta clients. We are always looking for exciting work, so if you need any commercial support, feel free to get in touch:

Copyright (c) 2018 Vinta Serviços e Soluções Tecnológicas Ltda. MIT License