django-tailwind-alpine-htmx
django-vite
django-tailwind-alpine-htmx | django-vite | |
---|---|---|
3 | 9 | |
55 | 464 | |
- | - | |
0.0 | 8.0 | |
11 months ago | 24 days ago | |
JavaScript | Python | |
- | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
django-tailwind-alpine-htmx
-
Django Learning 2023
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.
-
Advice on building a portfolio project website?
You can check my tutorial series https://www.accordbox.com/blog/django-tailwind-css-alpinejs-tutorial/
-
Recommendations for combining the power of Django with the dynamic feeling of Javascript (SPAs)
You can use Alpine.js + HTMX + Tailwind CSS https://github.com/AccordBox/django-tailwind-alpine-htmx
django-vite
-
Django 5.0 Is Released
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.
-
How to deploy a Django & React & Vite web app on Heroku?
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.
-
Thoughts on modernizing traditional Django frontend workflow
There is a nice library that helps with Vite.js integration in a Django project https://github.com/MrBin99/django-vite
- Is there an easy way to add ViteJS to Django/
-
How to use vite(react) with django backend?
I watched youtube videos and read especially this guide but i am clueless and nothing is working as it should.
-
Django Learning 2023
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, InertiaJs and React - A guide to get you started - Pt. 1
django-vite https://github.com/MrBin99/django-vite
-
Hot Reloading on Django Templates using ViteJS?
I've been looking into this today quite a bit actually. This project looks promising: https://github.com/MrBin99/django-vite
- Django with React
What are some alternatives?
django-htmx - Extensions for using Django with htmx.
django-vite-example - An example Django project with Django Vite
fastify-starter - A starter for fastify with Twig, Tailwind, and Alpine, and HTMX.
django-base-site - The Django Base Site is a Django site that is built using the best Django practices and comes with all the common Django packages that you need to jumpstart your next project.
htmx - </> htmx - high power tools for HTML
Fast-Api-Vue - Simple asynchronous API implemented with Fast-Api framework utilizing Postgres as a Database and SqlAlchemy as ORM . GiHub Actions as CI/CD Pipeline. Vue + Daisy UI for the frontend
pusher-js - Pusher Javascript library
django-react-docker-heroku-template - Template monorepo which involves Django 4.0, DRF, React 18, Typescript, Sass, Postgres, docker-compose and optional deployment to Heroku. Feel free to leave a star if you liked it.
turbo-django - Unmaintained // An early stage integration of Hotwire Turbo with Django
django-vite-template - Generate Django templates in a Node.js environment [Moved to: https://github.com/LazerRaptor/django-template-gen]
django-unicorn - The magical reactive component framework for Django ✨
django-webpack-loader - Transparently use webpack with django