DEV Community

Bishwas Bhandari
Bishwas Bhandari

Posted on

8 1

🚀 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!

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more