Vue Templates Logo Vue Templates
Inertia Django Vite Vue Minimal screenshot

Inertia Django Vite Vue Minimal

Author Avatar Theme by Mujahidfa
Updated: 29 Dec 2023
40 Stars

A minimal, working template for Inertia + Django + Vite + Vue.

Github

Categories

Django Vite

Overview

The Inertia + Django + Vite + Vue minimal template is a working template that combines several technologies to create a minimal web application. It utilizes the Inertia.js Django Adapter, Django v4.2, Vite 5, Vue 3, TypeScript, and WhiteNoise. The template provides a streamlined setup for developers to build web applications using these technologies.

Features

  • Inertia.js Django Adapter: Powered by the official Inertia.js Django Adapter, allowing for seamless integration between Django and Vue components.
  • Django v4.2: Utilizes Django v4.2, a powerful and popular Python web framework, to handle backend functionality.
  • Vite 5: Powered by Django Vite, Vite 5 is used as the build tool and development server for lightning-fast development.
  • Vue 3: Implements Vue 3, a progressive JavaScript framework, to build user interfaces.
  • TypeScript: Supports TypeScript, a typed superset of JavaScript that adds static typing and other advanced features.
  • WhiteNoise: Uses WhiteNoise to serve static files, ensuring efficient delivery of assets.

Installation

To install and run the Inertia + Django + Vite + Vue minimal template, follow these steps:

  1. Download the repository:

    • You can either clone the repository without the git history.
    • Alternatively, create a new repository based on this template using the GitHub template generator.

  2. Install the required Python packages.

  3. Install the required Node.js packages.

  4. Run the Vite development server.

  5. Run Django’s default migrations.

  6. Run the Django development server in a separate terminal.

Summary

The Inertia + Django + Vite + Vue minimal template is a powerful template that combines multiple technologies to create a minimal web application. With seamless integration between Django and Vue components through Inertia.js, developers can utilize the power of Django’s backend functionality and Vue’s frontend capabilities. The template’s use of Vite and Vue 3 ensures fast development and a smooth user interface. By supporting TypeScript and using WhiteNoise to serve static files, the template provides a comprehensive solution for building modern web applications.