@intlayer/docs 9.4.4 → 9.5.1

package/blog/pl/i18n_using_next-i18next.md

@@ -71,8 +71,6 @@ Zanim przejdziemy do implementacji, oto kilka praktyk, których powinieneś prze
 
 > Zobacz naszą dokumentację zawierającą wszystko, co musisz wiedzieć o internacjonalizacji i SEO: [Internationalization (i18n) with next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pl/internationalization_and_SEO.md).
 
----
-
 ## Przewodnik krok po kroku, jak skonfigurować i18next w aplikacji Next.js
 
 <iframe
@@ -119,7 +117,6 @@ Oto struktura projektu, którą będziemy tworzyć:
 ```
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety za pomocą npm:
@@ -141,7 +138,6 @@ yarn add i18next react-i18next i18next-resources-to-backend
 - **i18next-resources-to-backend**: Wtyczka umożliwiająca dynamiczne ładowanie plików tłumaczeń, pozwalająca ładować tylko potrzebne przestrzenie nazw.
 
 </Step>
-
 <Step number={2} title="Skonfiguruj swój projekt">
 
 Utwórz plik konfiguracyjny, aby zdefiniować obsługiwane lokalizacje, domyślną lokalizację oraz funkcje pomocnicze do lokalizacji URL. Ten plik służy jako pojedyncze źródło prawdy dla Twojej konfiguracji i18n i zapewnia bezpieczeństwo typów w całej aplikacji.
@@ -196,7 +192,6 @@ export function getCookie(locale: Locale) {
 ```
 
 </Step>
-
 <Step number={3} title="Centralizacja przestrzeni nazw tłumaczeń">
 
 Utwórz jedno źródło prawdy dla każdej przestrzeni nazw, którą udostępnia Twoja aplikacja. Ponowne użycie tej listy utrzymuje synchronizację kodu serwera, klienta i narzędzi oraz umożliwia silne typowanie pomocników tłumaczeń.
@@ -208,7 +203,6 @@ export type Namespace = (typeof namespaces)[number];
 ```
 
 </Step>
-
 <Step number={4} title="Silne typowanie kluczy tłumaczeń za pomocą TypeScript">
 
 Rozszerz `i18next`, aby wskazywał na Twoje kanoniczne pliki językowe (zazwyczaj angielskie). TypeScript wtedy wywnioskuje poprawne klucze dla każdej przestrzeni nazw, dzięki czemu wywołania `t()` są sprawdzane kompleksowo.
@@ -248,7 +242,6 @@ export type AboutTranslator = TFunction<"about">;
 ```
 
 </Step>
-
 <Step number={5} title="Skonfiguruj inicjalizację i18n po stronie serwera">
 
 Utwórz funkcję inicjalizacji po stronie serwera, która ładuje tłumaczenia dla komponentów serwerowych. Ta funkcja tworzy osobną instancję i18next do renderowania po stronie serwera, zapewniając, że tłumaczenia są załadowane przed renderowaniem.
@@ -305,7 +298,6 @@ export async function initI18next(
 ```
 
 </Step>
-
 <Step number={6} title="Utwórz klienta i18n Provider">
 
 Utwórz komponent klienta, który opakuje Twoją aplikację kontekstem i18next. Ten provider otrzymuje wstępnie załadowane tłumaczenia z serwera, aby zapobiec błyskowi nieprzetłumaczonej zawartości (FOUC) i uniknąć podwójnego pobierania.
@@ -390,7 +382,6 @@ export default function I18nProvider({
 ```
 
 </Step>
-
 <Step number={7} title="Zdefiniuj dynamiczne trasy lokalizacji">
 
 Skonfiguruj dynamiczne routowanie dla lokalizacji, tworząc katalog `[locale]` w folderze aplikacji. Pozwala to Next.js obsługiwać routowanie oparte na lokalizacji, gdzie każda lokalizacja staje się segmentem URL (np. `/en/about`, `/fr/about`).
@@ -444,7 +435,6 @@ export default function LocaleLayout({
 ```
 
 </Step>
-
 <Step number={8} title="Utwórz pliki tłumaczeń">
 
 Utwórz pliki JSON dla każdego locale i przestrzeni nazw. Ta struktura pozwala na logiczne organizowanie tłumaczeń i ładowanie tylko tego, co jest potrzebne na każdej stronie.
@@ -539,7 +529,6 @@ Organizowanie tłumaczeń według przestrzeni nazw (np. `common.json`, `about.js
 </Tabs>
 
 </Step>
-
 <Step number={9} title="Wykorzystanie tłumaczeń na Twoich stronach">
 
 Utwórz komponent strony, który inicjalizuje i18next po stronie serwera i przekazuje tłumaczenia zarówno do komponentów serwerowych, jak i klienckich. Zapewnia to załadowanie tłumaczeń przed renderowaniem i zapobiega migotaniu treści.
@@ -601,7 +590,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={10} title="Używanie tłumaczeń w komponentach klienckich">
 
 Komponenty klienckie mogą korzystać z hooka `useTranslation`, aby uzyskać dostęp do tłumaczeń. Ten hook zapewnia dostęp do funkcji tłumaczącej oraz instancji i18n, co pozwala na tłumaczenie treści i dostęp do informacji o lokalizacji.
@@ -654,7 +642,6 @@ export default ClientComponent;
 ```
 
 </Step>
-
 <Step number={11} title="Użycie tłumaczeń w komponentach serwerowych">
 
 Komponenty serwerowe nie mogą korzystać z hooków React, dlatego otrzymują tłumaczenia za pomocą propsów od komponentów nadrzędnych. Takie podejście utrzymuje komponenty serwerowe synchroniczne i pozwala na ich zagnieżdżanie wewnątrz komponentów klienckich.
@@ -702,7 +689,6 @@ export default ServerComponent;
 ```
 
 </Step>
-
 <Step number={12} title="Zmień język swojej zawartości" isOptional={true}>
 
 Aby zmienić język swojej zawartości w Next.js, zalecanym sposobem jest używanie adresów URL z prefiksem lokalizacji oraz linków Next.js. Poniższy przykład odczytuje aktualną lokalizację z trasy, usuwa ją z nazwy ścieżki i renderuje jeden link na każdą dostępną lokalizację.
@@ -776,7 +762,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={13} title="Zbuduj lokalizowany komponent Link" isOptional={true}>
 
 Ponowne użycie lokalizowanych URL-i w całej aplikacji utrzymuje spójność nawigacji i jest przyjazne dla SEO. Owiń `next/link` w małą pomocniczą funkcję, która dodaje prefiks aktywnego locale do wewnętrznych ścieżek, pozostawiając zewnętrzne URL-e bez zmian.
@@ -829,7 +814,6 @@ export default function LocalizedLink({
 > Wskazówka: Ponieważ `LocalizedLink` jest zamiennikiem typu drop-in, migruj stopniowo, zamieniając importy i pozwalając komponentowi obsługiwać adresy URL specyficzne dla lokalizacji.
 
 </Step>
-
 <Step number={14} title="Uzyskanie aktywnej lokalizacji wewnątrz Server Actions" isOptional={true}>
 
 Server Actions często potrzebują aktualnej lokalizacji do e-maili, logowania lub integracji z zewnętrznymi usługami. Połącz ciasteczko lokalizacji ustawione przez Twój proxy z nagłówkiem `Accept-Language` jako zapasową opcję.
@@ -869,7 +853,6 @@ export async function stuffFromServer(formData: FormData) {
 > Ponieważ helper opiera się na ciasteczkach i nagłówkach Next.js, działa w Route Handlers, Server Actions oraz innych kontekstach dostępnych tylko po stronie serwera.
 
 </Step>
-
 <Step number={15} title="Internacjonalizacja Twoich Metadanych" isOptional={true}>
 
 Tłumaczenie treści jest ważne, ale głównym celem internacjonalizacji jest uczynienie Twojej strony bardziej widoczną na świecie. I18n to niesamowite narzędzie do poprawy widoczności Twojej strony poprzez odpowiednie SEO.
@@ -938,7 +921,6 @@ export default async function AboutPage() {
 ```
 
 </Step>
-
 <Step number={16} title="Internacjonalizacja mapy witryny" isOptional={true}>
 
 Wygeneruj mapę witryny, która zawiera wszystkie wersje językowe Twoich stron. Pomaga to wyszukiwarkom odnaleźć i zaindeksować wszystkie wersje językowe Twoich treści.
@@ -994,7 +976,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={17} title="Internacjonalizacja pliku robots.txt" isOptional={true}>
 
 Utwórz plik robots.txt, który prawidłowo obsługuje wszystkie wersje językowe chronionych tras. Zapewnia to, że wyszukiwarki nie będą indeksować stron admina ani panelu w żadnym języku.
@@ -1027,7 +1008,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={18} title="Skonfiguruj Middleware dla trasowania lokalizacji" isOptional={true}>
 
 Utwórz proxy, które automatycznie wykryje preferowaną lokalizację użytkownika i przekieruje go do odpowiedniego adresu URL z prefiksem lokalizacji. Poprawia to doświadczenie użytkownika, pokazując treści w jego preferowanym języku.
@@ -1118,7 +1098,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={19} title="Automatyzuj swoje tłumaczenia za pomocą Intlayer" isOptional={true}>
 
 Intlayer to **bezpłatna** i **otwartoźródłowa** biblioteka zaprojektowana, aby wspierać proces lokalizacji w Twojej aplikacji. Podczas gdy i18next zajmuje się ładowaniem i zarządzaniem tłumaczeniami, Intlayer pomaga zautomatyzować cały proces tłumaczeniowy.

package/blog/pl/i18n_using_next-intl.md

@@ -62,8 +62,6 @@ Zanim przejdziemy do implementacji, oto kilka praktyk, których powinieneś prze
 
 > Zobacz naszą dokumentację zawierającą wszystko, co musisz wiedzieć o internacjonalizacji i SEO: [Internationalization (i18n) with next-intl](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pl/internationalization_and_SEO.md).
 
----
-
 ## Przewodnik krok po kroku, jak skonfigurować next-intl w aplikacji Next.js
 
 <iframe
@@ -109,7 +107,6 @@ Oto struktura projektu, którą będziemy tworzyć:
 ```
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety za pomocą npm:
@@ -129,7 +126,6 @@ yarn add next-intl
 - **next-intl**: Podstawowa biblioteka do internacjonalizacji dla Next.js App Router, która dostarcza hooki, funkcje serwerowe oraz klienta do zarządzania tłumaczeniami.
 
 </Step>
-
 <Step number={2} title="Konfiguracja projektu">
 
 Utwórz plik konfiguracyjny, który definiuje obsługiwane lokalizacje i konfiguruje ustawienia żądań next-intl. Ten plik służy jako pojedyncze źródło prawdy dla Twojej konfiguracji i18n oraz zapewnia bezpieczeństwo typów w całej aplikacji.
@@ -216,7 +212,6 @@ export const proxy = createMiddleware(routingOptions);
 ```
 
 </Step>
-
 <Step number={3} title="Definiowanie dynamicznych tras lokalizacji">
 
 Skonfiguruj dynamiczne routowanie dla lokalizacji, tworząc katalog `[locale]` w folderze aplikacji. Pozwala to Next.js obsługiwać routowanie oparte na lokalizacji, gdzie każda lokalizacja staje się segmentem URL (np. `/en/about`, `/fr/about`).
@@ -306,7 +301,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={4} title="Utwórz pliki tłumaczeń">
 
 Utwórz pliki JSON dla każdego locale i namespace. Ta struktura pozwala na logiczne organizowanie tłumaczeń oraz ładowanie tylko tego, co jest potrzebne na każdej stronie.
@@ -368,7 +362,6 @@ Organizowanie tłumaczeń według namespace (np. `common.json`, `about.json`) um
 </Tabs>
 
 </Step>
-
 <Step number={5} title="Wykorzystaj tłumaczenia na swoich stronach">
 
 Utwórz komponent strony, który ładuje tłumaczenia po stronie serwera i przekazuje je zarówno do komponentów serwerowych, jak i klienckich. Zapewnia to, że tłumaczenia są załadowane przed renderowaniem i zapobiega migotaniu treści.
@@ -421,7 +414,6 @@ export default async function AboutPage({
 ```
 
 </Step>
-
 <Step number={6} title="Używanie tłumaczeń w komponentach klienckich">
 
 Komponenty klienckie mogą używać hooków `useTranslations` i `useFormatter`, aby uzyskać dostęp do tłumaczeń i funkcji formatowania. Hooki te odczytują dane z kontekstu `NextIntlClientProvider`.
@@ -459,7 +451,6 @@ const ClientComponent = () => {
 ```
 
 </Step>
-
 <Step number={7} title="Używanie tłumaczeń w komponentach serwerowych">
 
 Komponenty serwerowe nie mogą używać hooków React, dlatego otrzymują tłumaczenia i formatery przez propsy od komponentów nadrzędnych. Takie podejście utrzymuje komponenty serwerowe synchroniczne i pozwala na ich zagnieżdżanie wewnątrz komponentów klienckich.
@@ -493,7 +484,6 @@ const ServerComponent = ({
 > Na swojej stronie/układzie użyj `getTranslations` i `getFormatter` z `next-intl/server`, aby wstępnie obliczyć tłumaczenia i formatowanie, a następnie przekaż je jako propsy do komponentów serwerowych.
 
 </Step>
-
 <Step number={8} title="Zmień język swojej zawartości" isOptional={true}>
 
 Aby zmienić język swojej zawartości za pomocą next-intl, renderuj linki uwzględniające lokalizację, które wskazują na tę samą ścieżkę, zmieniając jednocześnie lokalizację. Provider automatycznie przepisuje URL-e, więc musisz tylko wskazać aktualną trasę.
@@ -567,7 +557,6 @@ export default function LocaleSwitcher() {
 ```
 
 </Step>
-
 <Step number={9} title="Użyj lokalizowanego komponentu Link" isOptional={true}>
 
 `next-intl` dostarcza podpakiet `next-intl/navigation`, który zawiera lokalizowany komponent linku automatycznie stosujący aktywną lokalizację. Już wyodrębniliśmy go dla Ciebie w pliku `@/i18n`, więc możesz go użyć w ten sposób:
@@ -579,7 +568,6 @@ return <Link href="/about">t("about.title")</Link>;
 ```
 
 </Step>
-
 <Step number={10} title="Uzyskaj dostęp do aktywnej lokalizacji w Server Actions" isOptional={true}>
 
 Server Actions mogą odczytać aktualną lokalizację używając `next-intl/server`. Jest to przydatne do wysyłania zlokalizowanych e-maili lub przechowywania preferencji językowych wraz z przesłanymi danymi.
@@ -604,7 +592,6 @@ export async function handleContactForm(formData: FormData) {
 > `getLocale` odczytuje locale ustawione przez proxy `next-intl`, więc działa wszędzie na serwerze: w Route Handlers, Server Actions i funkcjach edge.
 
 </Step>
-
 <Step number={11} title="Internacjonalizacja metadanych" isOptional={true}>
 
 Tłumaczenie treści jest ważne, ale głównym celem internacjonalizacji jest uczynienie Twojej strony bardziej widoczną dla świata. I18n to niesamowita dźwignia do poprawy widoczności Twojej strony poprzez odpowiednie SEO.
@@ -645,7 +632,6 @@ export async function generateMetadata({
 ```
 
 </Step>
-
 <Step number={12} title="Internacjonalizacja Twojej mapy witryny" isOptional={true}>
 
 Wygeneruj mapę witryny, która zawiera wszystkie wersje językowe Twoich stron. Pomaga to wyszukiwarkom odnaleźć i zaindeksować wszystkie wersje językowe Twoich treści.
@@ -701,7 +687,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
 ```
 
 </Step>
-
 <Step number={13} title="Internacjonalizacja pliku robots.txt" isOptional={true}>
 
 Utwórz plik robots.txt, który prawidłowo obsługuje wszystkie wersje językowe Twoich chronionych ścieżek. Zapewnia to, że wyszukiwarki nie będą indeksować stron admina ani panelu w żadnym języku.
@@ -736,7 +721,6 @@ export default function robots(): MetadataRoute.Robots {
 ```
 
 </Step>
-
 <Step number={14} title="Skonfiguruj Proxy dla trasowania lokalizacji" isOptional={true}>
 
 Utwórz proxy, które automatycznie wykryje preferowaną lokalizację użytkownika i przekieruje go na odpowiedni adres URL z prefiksem lokalizacji. next-intl dostarcza wygodną funkcję proxy, która obsługuje to automatycznie.
@@ -758,7 +742,6 @@ export const config = {
 ```
 
 </Step>
-
 <Step number={15} title="Skonfiguruj typy TypeScript dla lokalizacji" isOptional={true}>
 
 Konfiguracja TypeScript pomoże Ci uzyskać autouzupełnianie i bezpieczeństwo typów dla Twoich kluczy.
@@ -786,7 +769,6 @@ declare module "next-intl" {
 Ten kod użyje Module Augmentation, aby dodać locales i messages do typu AppConfig w next-intl.
 
 </Step>
-
 <Step number={16} title="Automatyzuj swoje tłumaczenia za pomocą Intlayer" isOptional={true}>
 
 Intlayer to **bezpłatna** i **otwartoźródłowa** biblioteka zaprojektowana, aby wspierać proces lokalizacji w Twojej aplikacji. Podczas gdy next-intl zajmuje się ładowaniem i zarządzaniem tłumaczeniami, Intlayer pomaga zautomatyzować przepływ pracy związany z tłumaczeniami.

package/blog/pl/index.md

@@ -20,8 +20,6 @@ author: aymericzip
 
 Witamy na naszym blogu poświęconym wszystkim zagadnieniom związanym z **internacjonalizacją** aplikacji JavaScript! Tutaj omawiamy najlepsze praktyki, strategie i narzędzia, które pomagają programistom rozszerzać swoje produkty cyfrowe na cały świat.
 
----
-
 ## Dlaczego internacjonalizacja (i18n) ma znaczenie
 
 W dzisiejszym połączonym świecie użytkownicy oczekują płynnych, lokalizowanych doświadczeń. Internacjonalizacja (i18n) zapewnia, że Twoja aplikacja internetowa może dostosować się do różnych języków i niuansów kulturowych. Wprowadzając praktyki i18n od samego początku, odblokowujesz liczne korzyści, takie jak:
@@ -31,8 +29,6 @@ W dzisiejszym połączonym świecie użytkownicy oczekują płynnych, lokalizowa
 3. **Poprawiona dostępność:** Dobrze zorganizowana internacjonalizacja często jest zgodna ze standardami dostępności, co czyni Twoją aplikację bardziej inkluzywną.
 4. **Lepsza wydajność SEO:** Lokalizowane treści mogą zwiększyć widoczność w wynikach wyszukiwania specyficznych dla danego regionu.
 
----
-
 ## Otwarte rozwiązania do internacjonalizacji
 
 Budowanie aplikacji z internacjonalizacją nie musi być skomplikowane. Społeczność open-source oferuje wiele potężnych, dobrze wspieranych narzędzi i bibliotek, które ułatwiają lokalizację. Popularne rozwiązania, takie jak **react-intl**, **i18next** i **FormatJS**, zapewniają elastyczne API oraz łatwą integrację z nowoczesnymi frameworkami JavaScript, takimi jak React, Vue i Angular.
@@ -43,8 +39,6 @@ Budowanie aplikacji z internacjonalizacją nie musi być skomplikowane. Społecz
 - **Oszczędność kosztów:** Brak opłat licencyjnych, co ułatwia testowanie lub skalowanie aplikacji.
 - **Wsparcie społeczności:** Duże społeczności często oznaczają więcej samouczków, dokumentacji i gotowych wtyczek.
 
----
-
 ## Ogłoszenia i co dalej
 
 Z radością ogłaszamy nadchodzące samouczki, najlepsze praktyki oraz **studia przypadków** dotyczące optymalizacji Twoich aplikacji JavaScript dla globalnej publiczności. Oto mała zapowiedź:
@@ -55,8 +49,6 @@ Z radością ogłaszamy nadchodzące samouczki, najlepsze praktyki oraz **studia
 
 Bądź na bieżąco z tymi aktualizacjami i nie tylko!
 
----
-
 ## Współtwórz nasz blog!
 
 Wierzymy w dzielenie się wiedzą napędzane przez społeczność. Jeśli masz świetny pomysł na wpis na blogu związany z internacjonalizacją, **SEO** lub innym istotnym tematem, chętnie Cię usłyszymy. Możesz przesłać Pull Request, dodając swój proponowany wpis na blogu do naszego repozytorium GitHub:
@@ -65,6 +57,4 @@ Wierzymy w dzielenie się wiedzą napędzane przez społeczność. Jeśli masz
 
 Twoje wkłady pomagają nam wzbogacić tę platformę i wspierać programistów na całym świecie.
 
----
-
 **Dziękujemy za lekturę i witamy w naszej społeczności i18n!** Bądź na bieżąco z kolejnymi spostrzeżeniami, wskazówkami i najlepszymi praktykami, jak osiągnąć międzynarodowy sukces swoich aplikacji JavaScript.

package/blog/pl/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 Chcesz dotrzeć do większej liczby użytkowników na całym świecie? Uczynienie swojej strony internetowej wielojęzyczną to jeden z najlepszych sposobów na rozszerzenie odbiorców i poprawę SEO (Search Engine Optimization). W tym wpisie na blogu wyjaśnimy podstawy międzynarodowego SEO, często określanego jako **i18n** (skrót od „internationalization”), w jasny i zrozumiały sposób. Dowiesz się o kluczowych decyzjach, które musisz podjąć, jak korzystać z elementów technicznych takich jak `hreflang` oraz dlaczego narzędzia takie jak **Intlayer** mogą uprościć Twoje wielojęzyczne projekty Next.js.
 
----
-
 ## 1. Co oznacza uczynienie Twojej strony wielojęzyczną?
 
 Strona wielojęzyczna oferuje swoje treści w więcej niż jednym języku. Na przykład możesz mieć wersję angielską (`example.com/en/`), wersję francuską (`example.com/fr/`) oraz wersję hiszpańską (`example.com/es/`). Takie podejście pozwala wyszukiwarkom wyświetlać użytkownikom odpowiednią wersję językową na podstawie ich preferencji lub lokalizacji geograficznej.
 
 Jeśli zrobisz to poprawnie, stworzysz znacznie bardziej przyjazne doświadczenie dla użytkowników nieposługujących się językiem angielskim, co prowadzi do lepszego zaangażowania, wyższych wskaźników konwersji oraz poprawy SEO w różnych regionach.
 
----
-
 ## 2. Wybór odpowiedniej struktury URL
 
 Jeśli zdecydujesz się na posiadanie wielu wersji językowych, będziesz potrzebować jasnego i spójnego sposobu organizacji adresów URL swojej strony. Każdy język (lub region) powinien mieć swój unikalny „adres” w internecie. Poniżej przedstawiono trzy popularne sposoby strukturyzacji stron wielojęzycznych:
@@ -52,8 +48,6 @@ Jeśli zdecydujesz się na posiadanie wielu wersji językowych, będziesz potrze
 
 > **Wskazówka:** Jeśli masz globalną markę i chcesz uprościć sprawy, podkatalogi często sprawdzają się najlepiej. Jeśli celujesz tylko w jeden lub dwa główne kraje i chcesz naprawdę podkreślić każdy z nich, ccTLD może być lepszym rozwiązaniem.
 
----
-
 ## 3. Opanowanie targetowania językowego za pomocą Hreflang
 
 ### 3.1. Czym jest Hreflang?
@@ -84,8 +78,6 @@ W swoim HTML dodasz coś takiego:
 
 > **Szybka uwaga:** Upewnij się, że adresy URL w tych tagach prowadzą bezpośrednio do ostatecznej strony, bez **dodatkowych** przekierowań.
 
----
-
 ## 4. Tworzenie prawdziwie „lokalnych” treści (nie tylko tłumaczonych)
 
 ### 3.1. Czym jest Hreflang?
@@ -96,8 +88,6 @@ Kiedy masz identyczne lub bardzo podobne treści w wielu językach, wyszukiwarki
 
 Nawet przy dobrych tłumaczeniach, wyszukiwarki mogą oznaczyć Twoją stronę jako duplikat, jeśli struktura jest zbyt podobna. Hreflang pomaga wyjaśnić, że te strony nie są duplikatami, lecz wariantami językowymi.
 
----
-
 ## 5. Techniczne Wymagania SEO
 
 ### 5.1. Deklaracje Języka (`lang` i `dir`)
@@ -126,8 +116,6 @@ Tagi kanoniczne informują wyszukiwarki, która strona jest „oryginalną” lu
 <link rel="canonical" href="https://example.com/fr/produits" />
 ```
 
----
-
 ## 6. SEO na stronie w wielu językach
 
 ### 6.1. Tytuły i meta opisy
@@ -144,8 +132,6 @@ Twoje nagłówki powinny odzwierciedlać **lokalne frazy** lub **słowa kluczowe
 - Lokalizuj tekst alternatywny, podpisy i nazwy plików, jeśli to konieczne.
 - Używaj wizualizacji, które rezonują z docelową kulturą.
 
----
-
 ## 7. Zmiana języka i doświadczenie użytkownika
 
 ### 7.1. Automatyczne przekierowanie czy selektor języka?
@@ -223,8 +209,6 @@ const LocaleSwitcher: FC = () => {
 - Zapisz wybór języka użytkownika w **ciasteczku (cookie)** lub **sesji**.
 - Przy następnej wizycie na stronie możesz automatycznie załadować preferowany język.
 
----
-
 ## 8. Budowanie lokalnych backlinków
 
 **Backlinki** (linki z zewnętrznych stron do Twojej) pozostają ważnym czynnikiem SEO. Prowadząc stronę wielojęzyczną, rozważ:
@@ -232,8 +216,6 @@ const LocaleSwitcher: FC = () => {
 - Nawiązywanie kontaktów z lokalnymi serwisami informacyjnymi, blogami lub forami. Na przykład domena `.fr` wskazująca na Twój francuski podkatalog może zwiększyć lokalne SEO dla Francji.
 - Monitorowanie backlinków według języka, aby zobaczyć, które regiony wymagają większych działań PR/marketingowych.
 
----
-
 ## 9. Monitorowanie i utrzymanie strony wielojęzycznej
 
 ### 9.1. Google Analytics i Search Console
@@ -246,8 +228,6 @@ const LocaleSwitcher: FC = () => {
 - Utrzymuj tłumaczenia na bieżąco. Jeśli zmienisz opis produktu w języku angielskim, zaktualizuj go również po francusku, hiszpańsku itd.
 - Przestarzałe tłumaczenia mogą wprowadzać klientów w błąd i osłabiać zaufanie użytkowników.
 
----
-
 ## 10. Typowe pułapki do unikania
 
 1. **Automatyczne tłumaczenia**
@@ -262,14 +242,10 @@ const LocaleSwitcher: FC = () => {
 4. **Ignorowanie niuansów kulturowych**
    Żart lub wyrażenie, które działa w jednym kraju, może być obraźliwe lub bezsensowne w innym.
 
----
-
 ## Przeprowadź audyt swojej witryny za pomocą Intlayer SEO Scanner
 
 Aby upewnić się, że Twoja wielojęzyczna aplikacja jest idealnie zoptymalizowana, zalecamy skorzystanie z [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). Jest to specjalistyczne narzędzie do sprawdzania wielojęzycznych witryn, pomagające zidentyfikować brakujące tagi hreflang, uszkodzone linki i inne problemy związane z SEO na wszystkich zlokalizowanych stronach.
 
----
-
 ## Podsumowanie
 
 Uczynienie Twojej strony internetowej wielojęzyczną to coś więcej niż tylko tłumaczenie tekstu. Chodzi o efektywne strukturyzowanie URL-i, używanie tagów `hreflang`, które pomagają wyszukiwarkom serwować właściwą wersję, oraz zapewnienie doskonałego doświadczenia użytkownika, obejmującego zlokalizowane elementy wizualne, selektory języka i spójną nawigację. Stosowanie się do tych najlepszych praktyk zapewni Ci sukces na rynkach globalnych, zwiększy satysfakcję użytkowników i ostatecznie przyniesie lepsze wyniki SEO w różnych regionach.

package/blog/pl/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści
 ## Przewodnik krok po kroku: Konfiguracja Intlayer z i18next
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do eksportowania deklaracji treści Intlayer do formatu JSON kompatybilnego z i18next
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/intlayer_with_next-i18next.md

@@ -52,12 +52,9 @@ Chociaż Intlayer oferuje doskonałe, samodzielne rozwiązanie i18n (zobacz nasz
 
 Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści Intlayer, zachowując jednocześnie kompatybilność z next-i18next.
 
----
-
 ## Przewodnik krok po kroku: konfiguracja Intlayer z next-i18next
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety, używając preferowanego menedżera pakietów:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do synchronizacji deklaracji treści Intlayer z formatem JSON i18next
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/intlayer_with_next-intl.md

@@ -59,7 +59,6 @@ Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści
 ## Przewodnik krok po kroku, jak skonfigurować Intlayer z next-intl
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety:
@@ -106,7 +105,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do eksportowania deklaracji treści Intlayer do formatu JSON kompatybilnego z next-intl
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści
 ## Przewodnik krok po kroku: Konfiguracja Intlayer z react-i18next
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do eksportowania deklaracji treści Intlayer do formatu JSON kompatybilnego z react-i18next
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści
 ## Przewodnik krok po kroku: Konfiguracja Intlayer z react-intl
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do eksportowania deklaracji treści Intlayer do formatu JSON kompatybilnego z react-intl
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ Chociaż Intlayer zapewnia doskonałe, samodzielne rozwiązanie i18n (zobacz nas
 
 Ten przewodnik pokazuje, jak wykorzystać zaawansowany system deklaracji treści Intlayer, jednocześnie zachowując kompatybilność z vue-i18n.
 
----
-
 ## Przewodnik krok po kroku: Konfiguracja Intlayer z vue-i18n
 
 <Steps>
-
 <Step number={1} title="Instalacja zależności">
 
 Zainstaluj niezbędne pakiety, używając preferowanego menedżera pakietów:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Wtyczka do synchronizacji deklaracji treści Intlayer z formatem JSON vue-i18n
 
 </Step>
-
 <Step number={2} title="Implementacja wtyczki Intlayer do opakowania JSON">
 
 Utwórz plik konfiguracyjny Intlayer, aby zdefiniować obsługiwane lokalizacje:

package/blog/pl/list_i18n_technologies/frameworks/angular.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 W dzisiejszym, wzajemnie połączonym świecie, oferowanie swojej strony internetowej w wielu językach może znacznie zwiększyć zasięg i poprawić doświadczenie użytkownika. Dla deweloperów pracujących z Angularem, wdrożenie internacjonalizacji (i18n) jest kluczowe dla efektywnego zarządzania tłumaczeniami przy jednoczesnym zachowaniu struktury aplikacji, SEO oraz wydajności. W tym artykule przyjrzymy się różnym podejściom do i18n, od wbudowanych rozwiązań Angulara po popularne biblioteki firm trzecich, aby pomóc Ci wybrać najlepsze rozwiązanie dla Twojego projektu.
 
----
-
 ## Czym jest internacjonalizacja (i18n)?
 
 Internacjonalizacja, często określana jako i18n, to proces projektowania i przygotowywania aplikacji do obsługi wielu języków i kontekstów kulturowych. W Angularze oznacza to skonfigurowanie aplikacji tak, aby teksty, daty, liczby, a nawet układy interfejsu użytkownika mogły płynnie dostosowywać się do różnych lokalizacji. Prawidłowe przygotowanie tych podstaw zapewnia, że integracja przyszłych tłumaczeń pozostanie uporządkowana i efektywna.
 
 Dowiedz się więcej o podstawach i18n, czytając nasz artykuł: [Czym jest internacjonalizacja (i18n)? Definicja i wyzwania](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pl/what_is_internationalization.md).
 
----
-
 ## Wyzwania związane z tłumaczeniem aplikacji Angular
 
 Tłumaczenie aplikacji Angular wiąże się z kilkoma wyzwaniami:
@@ -43,8 +39,6 @@ Tłumaczenie aplikacji Angular wiąże się z kilkoma wyzwaniami:
 - **Routing i stan aplikacji**: Zapewnienie utrzymania właściwego języka podczas nawigacji między trasami wymaga zarządzania stanem oraz ewentualnie niestandardowych strażników tras lub interceptorów.
 - **Skalowalność i utrzymanie**: Pliki tłumaczeń mogą szybko rosnąć, a ich organizacja, wersjonowanie i synchronizacja z rozwojem aplikacji może być ciągłym wyzwaniem.
 
----
-
 ## Wiodące rozwiązania i18n dla Angulara
 
 Angular oferuje wbudowany framework i18n, a także istnieje kilka bibliotek firm trzecich, które mają na celu uproszczenie konfiguracji wielojęzyczności. Poniżej znajdują się niektóre z najpopularniejszych rozwiązań.
@@ -69,8 +63,6 @@ Angular oferuje wbudowany framework i18n, a także istnieje kilka bibliotek firm
 
 - **Społeczność i ekosystem**: Choć stale rośnie, ekosystem jest nowszy, więc wtyczki i narzędzia tworzone przez społeczność mogą być bardziej ograniczone w porównaniu do bardziej ugruntowanych rozwiązań.
 
----
-
 ### 2. Wbudowany i18n Angulara
 
 **Przegląd**  
@@ -89,8 +81,6 @@ Angular dostarcza **wbudowany system i18n**, który zawiera narzędzia do ekstra
 - **Dynamiczna zawartość**: Obsługa treści w czasie rzeczywistym lub generowanych przez użytkownika może wymagać niestandardowej logiki, ponieważ wbudowane rozwiązanie Angulara skupia się głównie na tłumaczeniach w czasie kompilacji.
 - **Ograniczona elastyczność w czasie działania**: Zmiana języków „w locie” (bez przeładowania aplikacji) może być wyzwaniem, ponieważ tłumaczenia są wbudowane podczas kompilacji.
 
----
-
 ### 3. ngx-translate
 
 Strona: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -111,8 +101,6 @@ Strona: [https://github.com/ngx-translate/core](https://github.com/ngx-translate
 - **SEO i SSR**: Jeśli potrzebujesz renderowania po stronie serwera z Angular Universal, ngx-translate wymaga dodatkowej konfiguracji, aby zapewnić poprawne tłumaczenia dla robotów indeksujących i przeglądarek przy pierwszym ładowaniu.
 - **Wydajność**: Choć elastyczne w czasie działania, obsługiwanie wielu tłumaczeń na dużych stronach może mieć wpływ na wydajność, dlatego zalecane są strategie buforowania.
 
----
-
 ### 4. Transloco
 
 Strona internetowa: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)

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

@@ -23,8 +23,6 @@ author: aymericzip
 
 Na coraz bardziej globalnym rynku, dostarczanie aplikacji React Native w wielu językach może znacząco zwiększyć dostępność i satysfakcję użytkowników. Internacjonalizacja (i18n) jest kluczowa dla efektywnego zarządzania tłumaczeniami, pozwalając na wyświetlanie tekstów specyficznych dla danego języka, formatów daty i czasu, walut i innych elementów bez komplikowania bazy kodu. W tym artykule przyjrzymy się różnym podejściom do i18n, od dedykowanych bibliotek po bardziej ogólne rozwiązania, i pomożemy Ci znaleźć to, które najlepiej pasuje do Twojego projektu React Native.
 
----
-
 ## Czym jest internacjonalizacja (i18n)?
 
 Internacjonalizacja, czyli i18n, polega na takiej strukturze aplikacji, która umożliwia jej łatwe dostosowanie do różnych języków, formatów regionalnych i norm kulturowych. W React Native i18n obejmuje obsługę tekstów przycisków i etykiet, a także formatowanie dat, godzin, walut i innych elementów zgodnie z lokalizacją użytkownika. Odpowiednio przygotowane aplikacje React Native pozwalają na bezproblemową integrację dodatkowych języków i zachowań specyficznych dla danej lokalizacji bez konieczności przeprowadzania dużych refaktoryzacji.
@@ -32,8 +30,6 @@ Internacjonalizacja, czyli i18n, polega na takiej strukturze aplikacji, która u
 Aby zgłębić koncepcje internacjonalizacji, zapoznaj się z naszym artykułem:  
 [Co to jest internacjonalizacja (i18n)? Definicja i wyzwania](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pl/what_is_internationalization.md).
 
----
-
 ## Wyzwania związane z tłumaczeniami w aplikacjach React Native
 
 Praca z tłumaczeniami w React Native wiąże się z unikalnymi wyzwaniami:
@@ -53,8 +49,6 @@ Praca z tłumaczeniami w React Native wiąże się z unikalnymi wyzwaniami:
 - **Aktualizacje aplikacji i Over-the-Air (OTA)**  
   Jeśli korzystasz z CodePush lub innego mechanizmu aktualizacji OTA, musisz zaplanować, jak aktualizacje tłumaczeń lub nowe języki będą dostarczane bez konieczności pełnego wydania w sklepie z aplikacjami.
 
----
-
 ## Wiodące rozwiązania i18n dla React Native
 
 Poniżej przedstawiono kilka popularnych podejść do zarządzania treściami wielojęzycznymi w React Native. Każde z nich ma na celu uproszczenie Twojego workflow tłumaczeniowego na różne sposoby.
@@ -88,8 +82,6 @@ Poniżej przedstawiono kilka popularnych podejść do zarządzania treściami wi
 - **Społeczność i ekosystem**  
   Wciąż stosunkowo nowe rozwiązanie, więc możesz napotkać mniej przykładów tworzonych przez społeczność lub gotowych wtyczek w porównaniu do długo istniejących bibliotek.
 
----
-
 ### 2. React-i18next
 
 > Strona: [https://react.i18next.com/](https://react.i18next.com/)
@@ -122,8 +114,6 @@ Poniżej przedstawiono kilka popularnych podejść do zarządzania treściami wi
 - **Wydajność**  
   Chociaż React-i18next generalnie działa dobrze, warto zwrócić uwagę na sposób organizacji i ładowania zasobów tłumaczeń, aby uniknąć nadmiernego obciążenia na urządzeniach mobilnych.
 
----
-
 ### 3. React Intl (z FormatJS)
 
 > Strona internetowa: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -156,8 +146,6 @@ Poniżej przedstawiono kilka popularnych podejść do zarządzania treściami wi
 - **Przykłady społeczności**  
   Mimo szerokiego zastosowania, przykłady użycia specyficzne dla React Native mogą być rzadsze niż dla React web. Prawdopodobnie będziesz musiał dostosować istniejącą dokumentację i wzorce do środowiska natywnego.
 
----
-
 ### 4. LinguiJS
 
 > Strona internetowa: [https://lingui.js.org/](https://lingui.js.org/)
@@ -190,8 +178,6 @@ Poniżej przedstawiono kilka popularnych podejść do zarządzania treściami wi
 - **Organizacja kodu**  
   Decyzja, jak podzielić katalogi wiadomości (według ekranu, funkcji lub języka), jest kluczowa dla utrzymania przejrzystości w większych aplikacjach.
 
----
-
 ## Ostateczne przemyślenia
 
 Wybierając rozwiązanie i18n dla swojej aplikacji React Native: