SEO: OG, JSON-LD, hreflang, canonical, IndexNow, lang sync

src/App.jsx

@@ -1,12 +1,21 @@
-import React from 'react'
-import { LanguageProvider } from './contexts/LanguageContext.jsx'
+import React, { useEffect } from 'react'
+import { LanguageProvider, useLanguage } from './contexts/LanguageContext.jsx'
 import Navigation from './components/Navigation.jsx'
 import Footer from './components/Footer.jsx'
 import Home from './pages/Home.jsx'
 
+function LangSync() {
+  const { lang } = useLanguage()
+  useEffect(() => {
+    document.documentElement.lang = lang
+  }, [lang])
+  return null
+}
+
 export default function App() {
   return (
     <LanguageProvider>
+      <LangSync />
       <Navigation />
       <main>
         <Home />