Inna
98c3cbdbc6
Arquitectura elegida: islas React/TSX montadas sobre las plantillas Django
existentes (django-vite), alimentadas por endpoints JSON bajo /api/. El backend,
las URLs y la auth por sesión se mantienen; se migra sección a sección.
Fase 0 (tooling):
- frontend/ con Vite + React 18 + TypeScript. Build a static/dist con manifest.
- django-vite 3.1 en INSTALLED_APPS + DJANGO_VITE (dev_mode=DEBUG,
static_url_prefix='dist'). STATIC_URL pasa a '/static/' (absoluto) para que los
assets no choquen con el <base href> de la plantilla. WhiteNoise sirve el bundle.
- .gitignore: frontend/node_modules y static/dist (artefactos de build).
Fase 1 (piloto: lista de noticias de la portada):
- API: home/views/api.py -> home_news_api (JsonResponse); ruta /api/home/news/
montada en home/api_urls.py fuera de i18n_patterns.
- React: NewsList.tsx hace fetch de la API y renderiza las noticias (mismas clases
CSS que el HTML original). Entry src/entries/home.tsx monta en #home-news-app.
- partials/noticias.html: el bucle {% for noticia %} se reemplaza por el contenedor
de montaje + {% vite_asset %}.
Verificado en producción: manage.py check OK, /api/home/news/ 200, la home incluye
el mount y el <script> del bundle, y el bundle se sirve (200).
Build en deploy: cd frontend && npm run build && collectstatic (ver frontend/README.md).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
22 lines
715 B
Python
22 lines
715 B
Python
from ._base import *
|
|
|
|
# Endpoints JSON que alimentan las islas React/TSX del frontend (Vite).
|
|
# Se montan bajo /api/ (fuera de i18n_patterns). De momento con JsonResponse;
|
|
# si crece la superficie de la API se puede introducir DRF.
|
|
|
|
|
|
def home_news_api(request):
|
|
"""Últimas noticias para la isla de la portada."""
|
|
noticias = Noticia.objects.order_by('-fecha_publicacion')[:50]
|
|
data = [
|
|
{
|
|
"id": n.id,
|
|
"titulo": n.titulo,
|
|
"fecha": n.fecha_publicacion.isoformat() if n.fecha_publicacion else None,
|
|
"contenido": n.contenido,
|
|
"enlace": n.enlace or None,
|
|
}
|
|
for n in noticias
|
|
]
|
|
return JsonResponse({"noticias": data})
|