@intlayer/docs 8.7.6 → 8.7.8-canary.0

package/blog/ar/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## دليل خطوة بخطوة لإعداد i18next في تطبيق Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="عرض توضيحي CodeSandbox - كيفية تدويل تطبيقك باستخدام Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ar/i18n_using_next-intl.md

@@ -69,7 +69,7 @@ history:
 ## دليل خطوة بخطوة لإعداد next-intl في تطبيق Next.js
 
 <iframe  
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"  
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"  
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="عرض توضيحي CodeSandbox - كيفية تعريب تطبيقك باستخدام Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ar/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ slugs:
 عند اختيار حل i18n لتطبيق React Native الخاص بك:
 
 1. **تقييم متطلباتك**
-
    - كم عدد اللغات المطلوبة الآن وفي المستقبل؟
    - هل تحتاج إلى تحميل عند الطلب لتطبيق كبير؟
 
 2. **مراعاة الاختلافات بين الأنظمة الأساسية**
-
    - تأكد من أن أي مكتبة تدعم اختلافات اللغة لـ iOS وAndroid، خاصة العيوب في التواريخ/الأرقام/العملات.
    - اعتبر الاستخدام غير المتصل بالإنترنت, قد تحتاج بعض الترجمات إلى أن تكون مضمنة مع التطبيق، بينما يمكن جلب أخرى عن بُعد.
 
 3. **اختر هيكلًا من أجل قابلية التوسع**
-
    - إذا كنت تخطط لتطبيق كبير أو طويل الأمد، يمكن أن تساعدك سير العمل القوي لاستخراج الرسائل أو المفاتيح المُعرفة في الحفاظ على تنظيم الترجمة.
 
 4. **الأداء وحجم الحزمة**
-
    - قيود البيانات المحمولة تعني أنه يجب عليك مراقبة حجم ملفات الترجمة الخاصة بك وأي polyfills.
 
 5. **تجربة المطور (DX)**

package/blog/de/i18n_using_next-i18next.md

@@ -77,7 +77,7 @@ Bevor wir in die Implementierung einsteigen, hier einige Praktiken, die Sie befo
 ## Schritt-für-Schritt-Anleitung zur Einrichtung von i18next in einer Next.js-Anwendung
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Wie Sie Ihre Anwendung mit Intlayer internationalisieren"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/de/i18n_using_next-intl.md

@@ -67,7 +67,7 @@ Bevor wir mit der Implementierung beginnen, sollten Sie folgende Praktiken beach
 ## Schritt-für-Schritt-Anleitung zur Einrichtung von next-intl in einer Next.js-Anwendung
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"  
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"  
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Wie Sie Ihre Anwendung mit Intlayer internationalisieren"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/de/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Im Folgenden sind mehrere beliebte Ansätze zur Verwaltung mehrsprachiger Inhalt
 Bei der Auswahl einer i18n-Lösung für Ihre React Native-Anwendung:
 
 1. **Bewerten Sie Ihre Anforderungen**
-
    - Wie viele Sprachen sind jetzt und in Zukunft erforderlich?
    - Benötigen Sie On-Demand-Ladungen für große Apps?
 
 2. **Berücksichtigen Sie plattformspezifische Unterschiede**
-
    - Stellen Sie sicher, dass jede Bibliothek die Unterschiede der iOS- und Android-Lokale unterstützt, insbesondere bei Daten-/Zahlen-/Währungsbesonderheiten.
    - Berücksichtigen Sie den Offline-Einsatz - einige Übersetzungen müssen möglicherweise mit der App gebündelt werden, während andere remote abgerufen werden können.
 
 3. **Wählen Sie eine Struktur für Skalierbarkeit**
-
    - Wenn Sie eine große oder langfristige Anwendung planen, kann ein starker Extraktionsworkflow oder typisierte Schlüssel helfen, Übersetzungen gut organisiert zu halten.
 
 4. **Leistung & Bündelgröße**
-
    - Mobile Datenbeschränkungen bedeuten, dass Sie die Größe Ihrer Übersetzungsdateien und aller Polyfills genau im Auge behalten sollten.
 
 5. **Entwicklererfahrung (DX)**

package/blog/en/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Before we dive into the implementation, here are some practices you should follo
 ## Step-by-Step Guide to Set Up i18next in a Next.js Application
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/en/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Before we dive into the implementation, here are some practices you should follo
 ## Step-by-Step Guide to Set Up next-intl in a Next.js Application
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/en/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Below are several popular approaches to managing multilingual content in React N
 When selecting an i18n solution for your React Native application:
 
 1. **Assess Your Requirements**
-
    - How many languages are needed now and in the future?
    - Do you require on-demand loading for large apps?
 
 2. **Mind Platform Differences**
-
    - Ensure any library supports iOS and Android locale variations, especially date/number/currency quirks.
    - Consider offline usage some translations might need to be bundled with the app, while others can be fetched remotely.
 
 3. **Choose a Structure for Scalability**
-
    - If you’re planning a large or long-lived application, a strong extraction workflow or typed keys can help keep translations well-organized.
 
 4. **Performance & Bundle Size**
-
    - Mobile data constraints mean you should keep a close eye on the size of your translation files and any polyfills.
 
 5. **Developer Experience (DX)**

package/blog/en-GB/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Before we dive into the implementation, here are some practices you should follo
 ## Step-by-Step Guide to Set Up i18next in a Next.js Application
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - How to Internationalise your application using Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/en-GB/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Before we dive into the implementation, here are some practices you should follo
 ## Step-by-Step Guide to Set Up next-intl in a Next.js Application
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - How to Internationalise your application using Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/en-GB/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Below are several popular approaches to managing multilingual content in React N
 When selecting an i18n solution for your React Native application:
 
 1. **Assess Your Requirements**
-
    - How many languages are needed now and in the future?
    - Do you require on-demand loading for large apps?
 
 2. **Mind Platform Differences**
-
    - Ensure any library supports iOS and Android locale variations, especially date/number/currency quirks.
    - Consider offline usage, some translations might need to be bundled with the app, while others can be fetched remotely.
 
 3. **Choose a Structure for Scalability**
-
    - If you’re planning a large or long-lived application, a strong extraction workflow or typed keys can help keep translations well-organised.
 
 4. **Performance & Bundle Size**
-
    - Mobile data constraints mean you should keep a close eye on the size of your translation files and any polyfills.
 
 5. **Developer Experience (DX)**

package/blog/es/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Antes de sumergirnos en la implementación, aquí tienes algunas prácticas que
 ## Guía paso a paso para configurar i18next en una aplicación Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cómo internacionalizar tu aplicación usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/es/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Antes de sumergirnos en la implementación, aquí hay algunas prácticas que deb
 ## Guía paso a paso para configurar next-intl en una aplicación Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cómo internacionalizar tu aplicación usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/es/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 Al seleccionar una solución de i18n para tu aplicación de React Native:
 
 1. **Evalúa Tus Requisitos**
-
    - ¿Cuántos idiomas se necesitan ahora y en el futuro?
    - ¿Requiere carga bajo demanda para aplicaciones grandes?
 
 2. **Ten en Cuenta las Diferencias de Plataforma**
-
    - Asegúrate de que cualquier biblioteca soporte las variaciones locales de iOS y Android, especialmente las peculiaridades de fechas/números/monedas.
    - Considera el uso offline, alguna traducción puede necesitar estar empacada con la aplicación, mientras que otras pueden ser obtenidas de manera remota.
 
 3. **Elige una Estructura para Escalabilidad**
-
    - Si planeas una aplicación grande o de larga duración, un fuerte flujo de trabajo de extracción o claves tipadas pueden ayudar a mantener las traducciones bien organizadas.
 
 4. **Rendimiento y Tamaño del Paquete**
-
    - Las restricciones de datos móviles significan que debes estar atento al tamaño de tus archivos de traducción y a cualquier polyfill.
 
 5. **Experiencia del Desarrollador (DX)**

package/blog/fr/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Avant de plonger dans l'implémentation, voici quelques pratiques que vous devri
 ## Guide étape par étape pour configurer i18next dans une application Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Comment internationaliser votre application avec Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/fr/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ Localisez les liens en utilisant le composant `Link` pour rediriger l’utilisat
 ## Guide étape par étape pour configurer next-intl dans une application Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Démo CodeSandbox - Comment internationaliser votre application avec Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/fr/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Voici plusieurs approches populaires pour gérer le contenu multilingue dans Rea
 Lorsque vous choisissez une solution i18n pour votre application React Native :
 
 1. **Évaluez vos exigences**
-
    - Combien de langues sont nécessaires maintenant et dans le futur ?
    - Avez-vous besoin d'un chargement à la demande pour les grandes applications ?
 
 2. **Pensez aux différences de plateformes**
-
    - Assurez-vous que toute bibliothèque prend en charge les variations de locale iOS et Android, en particulier les particularités de date/nombre/devises.
    - Pensez à l'utilisation hors ligne - certaines traductions pourraient devoir être intégrées dans l'application, tandis que d'autres peuvent être récupérées à distance.
 
 3. **Choisissez une structure pour la scalabilité**
-
    - Si vous prévoyez une application grande ou à long terme, un solide flux de travail d'extraction ou des clés typées peuvent aider à garder les traductions bien organisées.
 
 4. **Performance et taille du bundle**
-
    - Les contraintes de données mobiles signifient que vous devez garder un œil sur la taille de vos fichiers de traduction et tout polyfills.
 
 5. **Expérience développeur (DX)**

package/blog/hi/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## Next.js एप्लिकेशन में i18next सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Intlayer का उपयोग करके अपने एप्लिकेशन का अंतरराष्ट्रीयकरण कैसे करें"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/hi/i18n_using_next-intl.md

@@ -67,7 +67,7 @@ history:
 ## Next.js एप्लिकेशन में next-intl सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"  
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"  
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="डेमो CodeSandbox - Intlayer का उपयोग करके अपने एप्लिकेशन को अंतरराष्ट्रीयकृत कैसे करें"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/hi/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ React Native में अनुवादों के साथ काम क
 अपने React Native एप्लिकेशन के लिए i18n समाधान चुनते समय:
 
 1. **अपनी आवश्यकता का आकलन करें**
-
    - वर्तमान और भविष्य में कितनी भाषाओं की आवश्यकता है?
    - क्या आपको बड़े ऐप्स के लिए ऑन-डिमांड लोडिंग की आवश्यकता है?
 
 2. **प्लेटफ़ॉर्म भिन्नताओं का ध्यान रखें**
-
    - सुनिश्चित करें कि कोई भी लाइब्रेरी iOS और Android की स्थानीय विविधताओं का समर्थन करती है, विशेष रूप से तिथि/संख्या/मुद्रा की विशेषताएँ।
    - ऑफ़लाइन उपयोग पर विचार करें, कुछ अनुवादों को ऐप के साथ बंडल किया जाना चाहिए, जबकि अन्य को दूरस्थ रूप से लाया जा सकता है।
 
 3. **स्केलेबिलिटी के लिए एक संरचना चुनें**
-
    - यदि आप एक बड़े या दीर्घकालिक एप्लिकेशन की योजना बना रहे हैं, तो एक मजबूत निकासी कार्यप्रवाह या टाइप कुंजी अनुवादों को सुव्यवस्थित बनाए रख सकता है।
 
 4. **प्रदर्शन और बंडल आकार**
-
    - मोबाइल डेटा की सीमाएँ आपको अपने अनुवाद फ़ाइलों और किसी भी पॉलीफिल के आकार पर ध्यान रखने की आवश्यकता होती है।
 
 5. **डेवलपर अनुभव (DX)**

package/blog/id/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Sebelum kita masuk ke implementasi, berikut beberapa praktik yang harus Anda iku
 ## Panduan Langkah demi Langkah untuk Mengatur i18next dalam Aplikasi Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cara Menginternasionalisasi aplikasi Anda menggunakan Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/id/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Sebelum kita masuk ke implementasi, berikut beberapa praktik yang harus Anda iku
 ## Panduan Langkah demi Langkah untuk Mengatur next-intl di Aplikasi Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cara Menginternasionalisasi aplikasi Anda menggunakan Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/it/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Prima di entrare nell'implementazione, ecco alcune pratiche da seguire:
 ## Guida passo-passo per configurare i18next in un'applicazione Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Come internazionalizzare la tua applicazione usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/it/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Prima di entrare nell'implementazione, ecco alcune pratiche che dovresti seguire
 ## Guida passo-passo per configurare next-intl in un'applicazione Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Come internazionalizzare la tua applicazione usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/it/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Di seguito sono riportati diversi approcci popolari per gestire contenuti multil
 Quando selezioni una soluzione i18n per la tua applicazione React Native:
 
 1. **Valuta le tue esigenze**
-
    - Quante lingue sono necessarie ora e in futuro?
    - Hai bisogno di caricamento on-demand per app di grandi dimensioni?
 
 2. **Considera le differenze tra le piattaforme**
-
    - Assicurati che qualsiasi libreria supporti le variazioni locali di iOS e Android, specialmente per le peculiarità di data/numero/valuta.
    - Considera l'uso offline: alcune traduzioni potrebbero dover essere incluse nell'app, mentre altre possono essere recuperate da remoto.
 
 3. **Scegli una struttura per la scalabilità**
-
    - Se stai pianificando un'applicazione grande o a lungo termine, un flusso di lavoro di estrazione robusto o chiavi tipizzate possono aiutarti a mantenere le traduzioni ben organizzate.
 
 4. **Prestazioni & dimensione del pacchetto**
-
    - Le limitazioni dei dati mobili significano che dovresti tenere d'occhio le dimensioni dei tuoi file di traduzione e eventuali polyfill.
 
 5. **Esperienza dello sviluppatore (DX)**

package/blog/ja/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## Next.jsアプリケーションでi18nextをセットアップするステップバイステップガイド
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="デモ CodeSandbox - Intlayerを使ったアプリケーションの国際化方法"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ja/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ history:
 ## Next.jsアプリケーションでnext-intlをセットアップするステップバイステップガイド
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="デモ CodeSandbox - Intlayer を使ってアプリケーションを国際化する方法"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ko/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## Next.js 애플리케이션에서 i18next 설정 단계별 가이드
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="데모 CodeSandbox - Intlayer를 사용하여 애플리케이션 국제화하기"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ko/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ history:
 ## Next.js 애플리케이션에서 next-intl 설정 단계별 가이드
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
 className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
 title="Demo CodeSandbox - Intlayer를 사용하여 애플리케이션을 국제화하는 방법"
 sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/pl/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Zanim przejdziemy do implementacji, oto kilka praktyk, których powinieneś prze
 ## Przewodnik krok po kroku, jak skonfigurować i18next w aplikacji Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Jak internacjonalizować swoją aplikację za pomocą Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/pl/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Zanim przejdziemy do implementacji, oto kilka praktyk, których powinieneś prze
 ## Przewodnik krok po kroku, jak skonfigurować next-intl w aplikacji Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Jak internacjonalizować swoją aplikację za pomocą Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/pt/i18n_using_next-i18next.md

@@ -76,7 +76,7 @@ Antes de mergulharmos na implementação, aqui estão algumas práticas que voc
 ## Guia Passo a Passo para Configurar o i18next em uma Aplicação Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Como Internacionalizar sua aplicação usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/pt/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ Localize os Links usando o componente `Link` para redirecionar o usuário para a
 ## Guia Passo a Passo para Configurar o next-intl em uma Aplicação Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Como Internacionalizar sua aplicação usando Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/pt/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 Ao selecionar uma solução i18n para sua aplicação React Native:
 
 1. **Avalie Seus Requisitos**
-
    - Quantas línguas são necessárias agora e no futuro?
    - Você requer carregamento sob demanda para aplicativos grandes?
 
 2. **Considere Diferenças de Plataforma**
-
    - Certifique-se de que qualquer biblioteca suporte variações de local de iOS e Android, especialmente peculiaridades de data/número/moeda.
    - Considere o uso offline, algumas traduções podem precisar estar incorporadas ao aplicativo, enquanto outras podem ser buscadas remotamente.
 
 3. **Escolha uma Estrutura para Escalabilidade**
-
    - Se você está planejando um aplicativo grande ou de longa duração, um sólido fluxo de trabalho de extração ou chaves tipadas pode ajudar a manter as traduções bem organizadas.
 
 4. **Desempenho & Tamanho do Pacote**
-
    - As restrições de dados móveis significam que você deve prestar atenção ao tamanho dos seus arquivos de tradução e quaisquer polyfills.
 
 5. **Experiência do Desenvolvedor (DX)**

package/blog/ru/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## Пошаговое руководство по настройке i18next в приложении Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Демо CodeSandbox - Как интернационализировать ваше приложение с помощью Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/ru/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ history:
 ## Пошаговое руководство по настройке next-intl в приложении Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   
 className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"  
 title="Демонстрация CodeSandbox - Как интернационализировать ваше приложение с помощью Intlayer"  

package/blog/ru/list_i18n_technologies/frameworks/react-native.md

@@ -198,21 +198,17 @@ slugs:
 При выборе решения i18n для вашего приложения React Native:
 
 1. **Оцените ваши требования**
-
    - Сколько языков необходимо сейчас и в будущем?
    - Требуется ли вам загрузка по мере необходимости для крупных приложений?
 
 2. **Учитывайте различия платформ**
-
    - Убедитесь, что любая библиотека поддерживает особенности локалей iOS и Android, особенно касающиеся дат/чисел/валют.
    - Учитывайте оффлайн использование , некоторые переводы могут потребоваться встроить в приложение, в то время как другие могут загружаться удаленно.
 
 3. **Выберите структуру для масштабируемости**
-
    - Если вы планируете крупное или долгоживущие приложение, мощный рабочий процесс извлечения или типизированные ключи могут помочь поддерживать хорошую организацию переводов.
 
 4. **Производительность и размер пакета**
-
    - Ограничения мобильных данных означают, что необходимо внимательно следить за размером ваших файлов перевода и любыми полифилами.
 
 5. **Опыт разработчика (DX)**

package/blog/tr/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Uygulamaya başlamadan önce, takip etmeniz gereken bazı uygulamalar şunlardı
 ## Next.js Uygulamasında i18next Kurulumu için Adım Adım Rehber
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Intlayer kullanarak uygulamanızı nasıl uluslararasılaştırırsınız"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/tr/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ Uygulamaya başlamadan önce, takip etmeniz gereken bazı uygulamalar şunlardı
 ## Next.js Uygulamasında next-intl Kurulumuna Adım Adım Rehber
 
 <iframe  
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"  
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"  
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Intlayer kullanarak uygulamanızı nasıl uluslararasılaştırırsınız"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/uk/i18n_using_next-i18next.md

@@ -76,7 +76,7 @@ history:
 ## Покроковий посібник з налаштування i18next у застосунку Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Демонстрація CodeSandbox, як інтернаціоналізувати ваш застосунок за допомогою Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/uk/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ history:
 ## Покроковий посібник з налаштування next-intl у застосунку Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Демо CodeSandbox. Як інтернаціоналізувати ваш застосунок за допомогою Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/vi/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ Trước khi đi vào triển khai, đây là một số thực hành bạn nên
 ## Hướng Dẫn Từng Bước Để Thiết Lập i18next Trong Ứng Dụng Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cách Quốc tế hóa ứng dụng của bạn sử dụng Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/vi/i18n_using_next-intl.md

@@ -66,7 +66,7 @@ Trước khi chúng ta đi vào phần triển khai, đây là một số thực
 ## Hướng Dẫn Từng Bước Để Thiết Lập next-intl Trong Ứng Dụng Next.js
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-intl-template?embed=1&ctl=1&file=src/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn sử dụng Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"

package/blog/zh/i18n_using_next-i18next.md

@@ -75,7 +75,7 @@ history:
 ## 在 Next.js 应用中设置 i18next 的逐步指南
 
 <iframe
-  src="https://stackblitz.com/github/aymericzip/next-i18next-template?embed=1&ctl=1&file=src/app/i18n.ts"
+  src="https://ide.intlayer.org/aymericzip/next-i18next-template?file=src/app/i18n.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
   title="演示 CodeSandbox - 如何使用 Intlayer 国际化您的应用"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"