Django-Vite-Inertia-React-Tailwind-StarterKit Tailwind Templates

Django Vite Inertia React Tailwind Starterkit

This starter kit provides a minimal and simple starting point for building a Django application with Inertia and Vite with minimal or no configuration. Styled with Tailwind CSS.

Starterkit for Django, Vite, InertiaJS, ReactJS, TailwindCSS

Development

Make sure
Debug = True # in django settings.py file
create virtualenv
install requirements.txt
npm install
# now run
npm run dirt-dev
python manage.py runserver

Production

Note: In this starterkit I have used Whitenoice for staticfile serve

  1. Disable Debug in django settings.py file

    Debug = False
    
  2. Build React files

        npm run vite-build
    
  3. Run Django collectstatic

        python manage.py collectstatic
    
  4. Run Django server (in this case no need to run npm command)

    
        python manage.py runserver
    

Everyting should work like you expect.

Note: Now you can use Nginx, Gunicorn for production or any other technology you like for production.

Thank you

Himel contact@himelrana.com https://himelrana.com

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes