Internacionalizacion ES EN

Internacionalización ES/EN

El sitio soporta español e inglés mediante LangContext — un contexto React propio, sin librerías externas.

Arquitectura

graph LR
    A[LangContext.jsx] -->|provee lang + toggleLang| B[Navbar]
    A --> C[HomePage]
    A --> D[Páginas de proyectos]
    B -->|botón ES / EN| A

Loading

Uso en páginas

import { useLang } from '../contexts/LangContext'

export default function MiPagina() {
  const { lang } = useLang()

  const t = {
    es: {
      title: 'Título en español',
      desc:  'Descripción en español',
    },
    en: {
      title: 'Title in English',
      desc:  'Description in English',
    },
  }[lang]

  return (
    <div>
      <h1>{t.title}</h1>
      <p>{t.desc}</p>
    </div>
  )
}

Convenciones

Regla	Detalle
Todo texto visible	Debe estar en el objeto t de la página
Nombres propios	No se traducen (Python, Firebase, Recharts...)
Paridad ES/EN	Mismos campos en ambos objetos — si añades uno, añade el otro
Selector de idioma	Botón en Navbar (top-right) — persiste durante la sesión