django-react-boilerplate

(★ 2,268)

Django 5, React, Tailwind 4 with Python 3 and Webpack project boilerplate

File Explorer

  • .dockerignore
  • .editorconfig
  • .gitignore
  • .npmrc
  • .pre-commit-config.yaml
  • .prettierignore
  • .prettierrc.js
  • .swcrc
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • docker-compose.yml
  • eslint.config.mjs
  • jest.config.js
  • jest.setup.js
  • LICENSE.txt
  • Makefile
  • openapi-ts.config.ts
  • package.json
  • pnpm-lock.yaml
  • postcss.config.mjs
  • proj_main.yml
  • pyproject.toml
  • README.md
  • render.yaml
  • render_build.sh
  • tsconfig.json
  • webpack.config.js

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Command Glossary

Commands referenced in this DOCs, explained below.

🔍

django-admin

View Details ▼

Django's utility for administrative tasks.

django-admin startproject {{project_name}}

Create a new Django project:

django-admin startapp {{app_name}}

Create a new app for the current project:

django-admin help {{command}}

Display help for a specific command:

🔍

docker compose

View Details ▼

Run and manage multi container Docker applications.

docker compose ps

List all running containers:

docker compose up {{[-d|--detach]}}

Create and start all containers in the background using a `docker-compose.yml` file from the current directory:

docker compose up --build

Start all containers, rebuild if necessary:

🔍

pip install

View Details ▼

Install Python packages.

pip install {{package1 package2 ...}}

Install one or more packages:

pip install {{package1 package2 ...}} {{[-U|--upgrade]}}

Upgrade all specified packages to the latest version, installing any that are not already present:

pip install {{package}}=={{version}}

Install a specific version of a package:

🔍

pnpm

View Details ▼

Fast, disk space efficient package manager for Node.js.
Manage Node.js projects and their module dependencies.

pnpm init

Create a `package.json` file:

pnpm {{[i|install]}}

Download all the packages listed as dependencies in `package.json`:

pnpm add {{module_name}}@{{version}}

Download a specific version of a package and add it to the list of dependencies in `package.json`:

🔍

poetry add

View Details ▼

Add required packages to the `pyproject.toml` file in Poetry.
See also: `asdf`.

poetry add {{package_name}}

Add required packages:

poetry add {{package_name}} --group {{group_name}}

Add required packages to a specific group of dependencies:

poetry add {{package_name}}=={{version}}

Add a specific version of a package:

🔍

poetry install

View Details ▼

Install all dependencies for a Python project as defined in the pyproject.toml file.

poetry install

Install dependencies:

poetry install --no-root

Skip installing the project itself as a dependency:

poetry install --without dev

Install only production dependencies:

🔍

poetry run

View Details ▼

Run a command in the project's virtual environment.

poetry run {{command}}

Run a command inside the virtual environment:

poetry run {{command}} {{argument1 argument2 ...}}

Run a command with arguments:

poetry run {{script_name}}

Run a script defined in `pyproject.toml`:

🔍

pre-commit

View Details ▼

Create Git hooks that run before commits.

pre-commit install

Install pre-commit into your Git hooks:

pre-commit run

Run pre-commit hooks on all staged files:

pre-commit run --all-files

Run pre-commit hooks on all files, staged or unstaged:

🔍

redis-server

View Details ▼

Persistent key-value database.

redis-server

Start Redis server, using the default port (6379), and write logs to `stdout`:

redis-server --daemonize yes

Start Redis server, using the default port, as a background process:

redis-server --port {{port}} --daemonize yes

Start Redis server, using the specified port, as a background process:

🔍

webpack

View Details ▼

Bundle a web project's js files and other assets into a single output file.

webpack {{app.js}} {{bundle.js}}

Create a single output file from an entry point file:

webpack {{app.js}} {{bundle.js}} --module-bind '{{css=css}}'

Load CSS files too from the JavaScript file (this uses the CSS loader for CSS files):

webpack {{[-c|--config]}} {{webpack.config.js}} --progress

Pass a configuration file (with e.g. the entry script and the output filename) and show compilation progress:

# Project Badges

// repository documentation