Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mujahidfa/inertia-django-vite-vue-minimal
A minimal, working template for Inertia + Django + Vite + Vue.
https://github.com/mujahidfa/inertia-django-vite-vue-minimal
django django-application django-project django-vue inertia inertia-django inertia-vue inertiajs inertiajs-django inertiajs-vue vite vite-django vite-vue vite-vue3 vitejs vue vue-django vue-vite-typescript vue3 vuejs
Last synced: 19 days ago
JSON representation
A minimal, working template for Inertia + Django + Vite + Vue.
- Host: GitHub
- URL: https://github.com/mujahidfa/inertia-django-vite-vue-minimal
- Owner: mujahidfa
- Created: 2022-10-08T02:24:43.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-29T08:18:03.000Z (11 months ago)
- Last Synced: 2023-12-29T09:27:33.819Z (11 months ago)
- Topics: django, django-application, django-project, django-vue, inertia, inertia-django, inertia-vue, inertiajs, inertiajs-django, inertiajs-vue, vite, vite-django, vite-vue, vite-vue3, vitejs, vue, vue-django, vue-vite-typescript, vue3, vuejs
- Language: Python
- Homepage:
- Size: 35.2 KB
- Stars: 22
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Inertia + Django + Vite + Vue minimal template
A minimal, working template for Inertia + Django + Vite + Vue.
## Technologies
1. Inertia - powered by the official [Inertia.js Django Adapter](https://github.com/inertiajs/inertia-django)
2. Django v4.2
3. Vite 5 - powered by [Django Vite](https://github.com/MrBin99/django-vite)
4. Vue 3
5. TypeScript
6. [WhiteNoise](https://whitenoise.evans.io/en/stable/index.html) - to serve static files
## How to install & run
1. Download the repo. You can either:
a. Clone the repo (without the git history):
```sh
npx degit https://github.com/mujahidfa/inertia-django-vite-vue-minimal
```
b. Or, create a repo based on this template via the [GitHub template generator](https://github.com/mujahidfa/inertia-django-vite-vue-minimal/generate).
2. Install required Python packages.
```sh
# Create and activate a virtual environment
python3 -m venv .venv
source .venv/bin/activate
# Install required Python packages
pip install -r requirements.txt
```
3. Install required Node.js packages.
```sh
npm install
```
4. Run the Vite dev server:
```sh
npm run dev
```
5. Run Django's default migrations:
```sh
python manage.py migrate
```
6. Run the Django dev server (in a separate terminal):
```sh
python manage.py runserver
```
## How to build for production
1. Set `DEBUG=False` in [settings.py](./inertia_django_vite_vue_minimal/settings.py).
```py
# In settings.py
...
DEBUG=False
...
```
2. Build the JS/assets for production:
```sh
npm run build
```
3. Run `collectstatic`:
```sh
rm -rf staticfiles/
python manage.py collectstatic
```
4. Run the Django server:
```sh
python manage.py runserver
```