Django React Docker Heroku Template
Template monorepo which involves Django 4.0, DRF, React 18, Typescript, Sass, Postgres, docker-compose and optional deployment to Heroku. Feel free to leave a star if you liked it.
Overview
This development template offers a robust starting point for building a production-ready application using Django Rest Framework, React with Typescript, and Postgres in a Dockerized environment. As of November 2022, Heroku has removed its free tier, but this template can be deployed elsewhere or adjusted for new platforms. It is designed for seamless integration and offers a comprehensive set of tools and libraries, making it suitable for both backend and frontend development.
This setup has been tested with Python 3.10 and Node 16, ensuring compatibility and support for modern development practices. Whether you choose to use Docker or prefer a local setup without it, this template provides the flexibility and resources needed to create efficient applications.
Features
- Django Integration: Utilizes Django and Django Rest Framework for a powerful backend setup, including utilities for cross-origin requests and better typing experience.
- Postgres Support: Integrated psycopg2 for seamless interaction with Postgres, essential for data-driven applications.
- React with Typescript: Leverages the latest technologies with React and Typescript, providing strong typing and improved developer experience.
- Comprehensive Testing Tools: Incorporates coverage and testing tools for both backend and frontend, ensuring reliable code and easy debugging.
- Docker Compatibility: Fully Dockerized setup, allowing for consistent development and deployment environments.
- Flexible Deployment Options: Although initially intended for Heroku, it can easily be deployed on other platforms like Railway.app or Render.com.
- Helpful Suggested Packages: Contains suggestions for UI libraries and tools that enhance both development speed and application performance.
- Efficient Development Workflow: Supports traditional and Docker-based installations, plus easy management of dependencies using pipenv or yarn.
- Django
Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.