Skip to content

crenspire/django-react-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Django Inertia React shadcn Starter Kit

A modern, open-source starter for full-stack web apps: Django on the backend, Inertia.js + React + Vite on the frontend, and shadcn-ui for UI components. No separate SPA deployment—one Django app, one codebase.

Features

  • Django 6 – Backend, auth, and API
  • Inertia.js – SPA-like UX without a separate frontend API; server-side routing, shared auth
  • React 18 – UI with hooks and JSX
  • Vite – Fast dev server and builds
  • shadcn-ui – Accessible, customizable components (Button, Card, Dialog, Table, etc.)
  • Tailwind CSS – Utility-first styling with dark mode
  • Included admin – User & group CRUD with Inertia/React (plus classic Django admin at /django-admin/)

Quick start

Prerequisites

  • Python 3.11+ (e.g. uv or pyenv)
  • Node.js 18+

Run the app

  1. Backend (from repo root):

    uv run python starterkit/manage.py runserver
  2. Frontend (Vite dev server in another terminal):

    cd starterkit/frontend
    npm install
    npm run dev
  3. Open http://127.0.0.1:8000 for the landing page, or http://127.0.0.1:8000/admin/login/ to sign in. Create a staff user via Django shell or /django-admin/ if needed.

Routes

Path Description
/ Landing page (hero, features, footer)
/admin/login/ Admin login
/admin/ Dashboard (requires login)
/admin/users/, /admin/groups/ User & group management
/django-admin/ Classic Django admin

Screenshots

Landing page

Light Dark
Landing page (light) Landing page (dark)

Admin dashboard

Light Dark
Admin dashboard (light) Admin dashboard (dark)

Users

List

Users list

Create

User create form

Project structure

starterkit/
├── main/                 # Django project (settings, urls, middleware)
├── apps/
│   ├── users/            # User model & auth
│   └── admin_panel/      # Inertia admin (views, services, selectors)
├── frontend/             # React + Vite + Inertia
│   ├── Pages/            # Inertia pages (Admin/*, Auth/*, Home.jsx)
│   ├── Layouts/          # AdminLayout, AuthLayout
│   ├── Components/       # ui/* (shadcn-ui), admin/*
│   └── app.jsx           # Inertia app entry
├── static_assets/        # Static files (icon, screenshots) – served at /static/
├── templates/            # Django base template (Inertia mount)
└── manage.py

Tests

uv run python starterkit/manage.py test apps.admin_panel.tests

License

MIT. Use this starter for personal or commercial projects.

About

Django - Modern Starter Kit Using Inertia, React, ShadCN UI and Tailwind CSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors