आगामी Intlayer रिलीज़ के बारे में सूचनाएं प्राप्त करें

    क्या Next.js के साथ पेज पाथ में [locale] के बिना Intlayer का उपयोग करना संभव है?

    हाँ, Next.js के साथ पेज पाथ में [locale] के बिना Intlayer का उपयोग करना संभव है। हालांकि, ऐसा करने की सलाह नहीं दी जाती है, क्योंकि आपके पेज को विभाजित करने से सर्च इंजन पर अधिक कीवर्ड ट्रिगर करने की अनुमति मिलती है। आपका SSR भी प्रभावित हो सकता है।

    यदि आप ऐसा करना चाहते हैं, तो Intlayer with Next.js गाइड में वर्णित समान चरणों का पालन करें,

    • कोई src/middleware.ts नहीं
    • कोई generateStaticParams नहीं
    src/app/layout.tsx
    import type { FC, PropsWithChildren } from "react";const LocaleLayout: FC<PropsWithChildren> = ({ children }) => (  <html lang={undefined} dir={undefined}>    <body className={inter.className}>{children}</body>  </html>);export default LocaleLayout;
    src/app/page.tsx
    import type { FC } from "react";import { ClientComponentExample } from "@components/ClientComponentExample";import { ServerComponentExample } from "@components/ServerComponentExample";import { PageContent } from "@components/pageContent";import { type NextPageIntlayer, IntlayerClientProvider } from "next-intlayer";import { IntlayerServerProvider } from "next-intlayer/server";const Page: FC = () => {  return (    <IntlayerServerProvider>      <PageContent />      <ServerComponentExample />      <IntlayerClientProvider>        <ClientComponentExample />      </IntlayerClientProvider>    </IntlayerServerProvider>  );};export default Page;
    src/component/pageContent.ts
    "use client";import { type FC } from "react";import { useIntlayer } from "next-intlayer";import { useHTMLLanguage } from "@hooks/htmlTextDir";const PageContent: FC = () => {  useHTMLLanguage();  const content = useIntlayer("page");  return (    <>      <p>{content.getStarted.main}</p>      <code>{content.getStarted.pageLink}</code>    </>  );};
    src/hooks/htmlTextDir.ts
    "use client";import { useEffect } from "react";import { getHTMLTextDir } from "intlayer";import { useLocale } from "next-intlayer";export const useHTMLLanguage = () => {  const { locale } = useLocale();  useEffect(() => {    if (!document) return;    // दस्तावेज़ की भाषा सेट करें    document.documentElement.lang = locale;    // दस्तावेज़ की दिशा सेट करें (LTR या RTL)    document.documentElement.dir = getHTMLTextDir(locale);  }, [locale]);};