DEV Community

Bishwas Bhandari
Bishwas Bhandari

Posted on

๐Ÿš€ Django + Svelte 5: No More Dev Nightmares! ๐Ÿ’ฅ

Alright folks, let's cut the crap. We know web dev can be a brutal grind. Django for the backend, SvelteKit for the frontendโ€”sounds perfect, until you try to make them work together. Endless configs, dependencies throwing tantrums, and a heap of wasted nights.

Pain In The Ass? Letโ€™s Fix It ๐ŸŽฏ

Weโ€™ve all been there:

  • Backend Ready: Django's solid, backend is rolling.
  • Frontend Dream: SvelteKit is ready to dazzle.
  • Reality: Integration is a flaming dumpster fire. ๐Ÿ”ฅ

Enter Django Svelte Template ๐Ÿฆธโ€โ™‚๏ธ

Screw the headaches. This template is your knight in shining armor. Pre-configured, smooth as butter. Clone it, run it, done.


๐Ÿš€ Getting Shit Done

Clone the Repo

git clone git@github.com:Bishwas-py/django-svelte-template.git
Enter fullscreen mode Exit fullscreen mode

Fire Up Django Backend

cd django_backend
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
python manage.py migrate
python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Spin Up SvelteKit

cd svelte_frontend
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

Set .env:

SECRET_BASE_API=http://localhost:8000
Enter fullscreen mode Exit fullscreen mode

Boom! Youโ€™ve got a working todo app to play with.


Why Use This?

Backend Power:

  • Django: Steady and reliable.
  • Djapy: Enhanced validation, swagger in dark-mode.
  • DjangoKit: Smooth Django-SvelteKit integration.

Frontend Magic:

  • Svelte 5: Reactive, quick.
  • @friendofsvelte/django-kit: Seamless connection to Django.
  • Tailwind CSS: Style without the hassle.

Insta-Features

  • Auto Flash Messages: Toasts on errors, no sweat.
  • Form Handling: Handling & validation, out of the box.
  • Notifier Store: Easy to use toast notifications.

Why Give a Damn?

  • Plug and Play: No more setup nightmares.
  • Full-Featured: A ready-to-use todo app to kickstart your project.
  • Seamless Integration: Django and SvelteKit are besties here.

Ready To Roll? ๐ŸŽ๏ธ๐Ÿ’จ

Head to the repo, fork it, clone it, and start building. No more late nights swearing at broken builds. Just smooth, painless dev.

Let's code smarter, not harder. ๐ŸŒŸ

Contributions are welcomed!

Top comments (0)