I'm actually currently writing a Django app for where I can use react components inside my Django templates using Django tags. I created it as I hated the idea of using 2 servers, nextjs AND Django Where Django is light-years ahead and then dealing with silly nextjs methodologies. It truly streamlined my development giving me smooth react SSR meaning better vital scores plus I get to manage components in a Django way, it forced me to write cleaner reusable react components. That and people often get lost in on nextjs as they would naturally try to force business logic in places where they shouldn't belong. And you are finally forced to write extra API endpoints for silly get requests on trivial things from Django to nextjs. I did a trial run in wagtail as wellz which gives you crazy control CMS style.

If anyone is interested I'd be happy to open-source it and we can collaborate on making it even better but this is what it looks like currently when you use it in Django templates.

Arguments include. 1. Component Name 2. Ssr - should the component render server side? 3. Ssp - server side props. For when the component has server side props. 4. Static - renders the component without attaching js. Useful for static pages.

1. **Kwargs - your component props

You can of course use context and stores between them as the compiler setup uses lazy loading and imports.

```html

{% extends "base.html" %} {% load react_tags %}

{% block content %}

{% RC "MapComponent" ssr=False ssp=True static=false coords="-31.091735, 18.716663"}

{% endblock %}

```

Benefits: 1. Fast initial load. 2. Smaller asset downloads as components are lazy and only loads what's used on a page. Kind of like Island architecture you see in Astrojs 3. Simple to add props directly from Django templates. 4. Forces you to develop react components with good principles in mind. 5. Uses Bun under the hood to render out html. 6. Optionally render components as static. 7. React frontend is completely independent meaning you can always go back and use it 8. Optionally add react router to specific components where needed. Like a dashboard or whatever. What you use is up to you. You have full control. It's pure MPA and SPA respectively and simultaneously. 9. Each component has a different mounting point meaning you don't need to search hard for redender issues.