Multilingual and Right-to-Left (RTL / LTR) Support

import { NextIntlClientProvider } from "next-intl"
import { getMessages } from "next-intl/server"
import { isRtlLocale } from "@lib/util/is-rtl"
 
export default async function StoreLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: Promise<{ countryCode: string }>
}) {
  const { countryCode } = await params
  const messages = await getMessages()
  const isRtl = isRtlLocale()
  const dir = isRtl ? "rtl" : "ltr"
 
  return (
    <html lang={countryCode} dir={dir}>
      <body className={isRtl ? "font-vazirmatn" : "font-inter"}>
        <NextIntlClientProvider messages={messages}>
          {children}
        </NextIntlClientProvider>
      </body>
    </html>
  )
}

{
  "HomePage": {
    "title": "Medusa Store",
    "subtitle": "Best products for you"
  },
  "Cart": {
    "title": "Cart",
    "checkout": "Go to checkout"
  },
  "Product": {
    "actions": {
      "add_to_cart": "Add to cart",
      "out_of_stock": "Out of stock"
    }
  }
}

# Default region fallback if not detected from headers
NEXT_PUBLIC_DEFAULT_REGION=us
 
# Default storefront language
DEFAULT_LOCALE=en-US