pellet VS django-vite

Simple middleware can warn you about lazy loading/N+1 queries. Most of the time people just forget it happens.

Try using: https://github.com/har777/pellet

Self plug: Checkout https://github.com/har777/pellet to easily find and fix django N+1 issues.

I usually add it to existing integration tests so that they raise exceptions on N+1. If test coverage is low then I would suggest sending the N+1 metrics to something like datadog. That way your users using the product will reveal all the N+1 issues on your monitoring solution.

I'll preface all of this with a couple esoteric design goals that I had in mind:

1. I actually _want_ an SPA. You might not need an SPA, if you don't need one then Vue/React/etc are overkill, etc.

2. I want to power as much of the SPA as I can using the same REST API as my core product, both for dogfooding reasons and for consolidation. Many people might argue that this is a bad idea.

---

With that in mind, some specific packages that I highly recommend:

1. Django-vite (https://github.com/MrBin99/django-vite). This makes it very easy to serve an SPA from the actual django response/request model

2. Some sort of way to get type information (if you're using TypeScript) into the frontend. I use a frankensteined system of the OpenAPI spec that django-ninja generates + openapi-typescript (https://github.com/drwpow/openapi-typescript). This means when I add, say, a new field to a response in Django, I immediately get typechecking for it in Vue — which has been _tremendously_ useful.

3. Django-typescript-routes (a package I extracted and open-sourced!: https://github.com/buttondown-email/django-typescript-routes) which gives your front-end routing information based on the Django router.

I have been using django-vite https://github.com/MrBin99/django-vite That simplifies some Vite configuration and serves assets up into django templates. We have deployed to aws-ec2 but may well be switching to Heroku soon. The advantage here is avoiding multiple deployments.

There is a nice library that helps with Vite.js integration in a Django project https://github.com/MrBin99/django-vite

I watched youtube videos and read especially this guide but i am clueless and nothing is working as it should.

I didn't follow any specific tutorial but there is one resource that was most helpful for me: https://github.com/AccordBox/django-tailwind-alpine-htmx It helped me see that you can have all your javascript in one place in an organized manner. That's when I decided to add Vite. If you follow this carefully, you should be able to set up Django with Vite and use it conveniently.

django-vite https://github.com/MrBin99/django-vite

I've been looking into this today quite a bit actually. This project looks promising: https://github.com/MrBin99/django-vite