8area8

VueCLI + FastAPI

This Gist allows to run VueCLI in FastAPI.

• In dev, you will have to launch both servers and use fastAPI for navigation.
• In prod, it will be enough to build VueCLI, and you will have to launch FastAPI only.

Base Skeleton

8area8

Basic workflow to Django/Vue-cli coupling

The goal of this workflow is to couple vue-cli to Django, in a transparent way in dev and in prod. The hot-reload is active in the backend as well as in the frontend, and the frontend is accessed through Django, from the index page ;)

Note: We also use the router's historical mode, for a more professional integration.

Note²: Do not forget to build the vue-cli project for production!

Base

8area8

"""User forms."""

from django import forms
from django.contrib.auth import get_user_model
from django.contrib.auth.forms import UserCreationForm
from django.utils.translation import gettext_lazy as _


User = get_user_model()

8area8

Django & Vue-cli coupling ~ useful for Heroku ~

Allows to couple Django and Vue-cli easily, without any plugin or additional library.

• optional but recommended : clean webpack plugin.

Note : Hot Reload is active with this configuration.

8area8

VSCode settings

useful for:

• windows

with the following languages :

• python
• javascript

8area8

Django apps structure.

Use this to manage yours apps inside your backend directory:

.
|____django_dir
| |____apps
| | |____your_app_folder
| |__settings.py
|____manage.py