sorosave-protocol · jefferteleco · Mar 5, 2026
diff --git a/messages/en.json b/messages/en.json
diff --git a/messages/es.json b/messages/es.json
@@ -0,0 +1,11 @@
+{
+  "Navbar": {
+    "home": "Inicio",
+    "groups": "Grupos",
+    "dashboard": "Panel"
+  },
+  "Common": {
+    "welcome": "Bienvenido a Sorosave",
+    "connectWallet": "Conectar Billetera"
+  }
+}
diff --git a/next.config.js b/next.config.js
@@ -1,15 +1,11 @@
+const createNextIntlPlugin = require('next-intl/plugin');
+
+const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts');
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  // Mantén aquí cualquier otra configuración que ya tuviera el proyecto original
   reactStrictMode: true,
-  webpack: (config) => {
-    config.resolve.fallback = {
-      ...config.resolve.fallback,
-      buffer: false,
-      crypto: false,
-      stream: false,
-    };
-    return config;
-  },
 };
-
-module.exports = nextConfig;
+ 
+module.exports = withNextIntl(nextConfig);
diff --git a/package.json b/package.json
@@ -9,11 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "next-intl": "^3.11.0",
     "@sorosave/sdk": "workspace:*",
     "@stellar/freighter-api": "^2.0.0",
     "next": "^14.2.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0"
+
   },
   "devDependencies": {
     "@types/node": "^20.0.0",

diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -0,0 +1,35 @@
+import { NextIntlClientProvider } from 'next-intl';
+import { getMessages } from 'next-intl/server';
+import { notFound } from 'next/navigation';
+import { routing } from '@/src/i18n/routing';
+import { Navbar } from '@/src/components/Navbar';
+import "../globals.css";
+
+export default async function LocaleLayout({
+  children,
+  params: { locale }
+}: {
+  children: React.ReactNode;
+  params: { locale: string };
+}) {
+  // 1. Validar el idioma (solo permitimos 'en' o 'es')
+  if (!routing.locales.includes(locale as any)) {
+    notFound();
+  }
+
+  // 2. Cargar los mensajes correspondientes al idioma
+  const messages = await getMessages();
+
+  return (
+    <html lang={locale}>
+      <body className="antialiased">
+        <NextIntlClientProvider messages={messages}>
+          <Navbar />
+          <div className="min-h-screen bg-gray-50">
+            {children}
+          </div>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
diff --git a/src/i18n/request.ts b/src/i18n/request.ts
@@ -0,0 +1,15 @@
+import {getRequestConfig} from 'next-intl/server';
+import {routing} from './routing';
+
+export default getRequestConfig(async ({requestLocale}) => {
+  let locale = await requestLocale;
+
+  if (!locale || !routing.locales.includes(locale as any)) {
+    locale = routing.defaultLocale;
+  }
+
+  return {
+    locale,
+    messages: (await import(`../../messages/${locale}.json`)).default
+  };
+});
diff --git a/src/i18n/routing.ts b/src/i18n/routing.ts
@@ -0,0 +1,9 @@
+import {defineRouting} from 'next-intl/routing';
+import {createNavigation} from 'next-intl/navigation';
+
+export const routing = defineRouting({
+  locales: ['en', 'es'],
+  defaultLocale: 'en'
+});
+
+export const {Link, redirect, usePathname, useRouter} = createNavigation(routing);
diff --git a/src/middleware.ts b/src/middleware.ts