import { getRequestConfig } from 'next-intl/server'
import { getLocale, Locale } from '@smarthr/i18n'
import { getUserLocale } from '@/getUserLocale'

const supportedLocales: Locale[] = ['ja-JP', 'en-US']

export default getRequestConfig(async () => {
  const currentLocale = await getUserLocale()

  const locale = getLocale({
    currentLocale,
    supportedLocales,
  })
  return {
    locale,
    messages: (await import(`./locales/${locale}.json`)).default,
  }
})

layout.tsxでNextIntlClientProviderを適用します。

import { NextIntlClientProvider } from 'next-intl'
import { getLocale } from 'next-intl/server'

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  const locale = await getLocale()
  return (
    <html lang={locale}>
      <body>
        <NextIntlClientProvider>{children}</NextIntlClientProvider>
      </body>
    </html>
  )
}

多言語化を適用したいページでuseNextIntlを使います。 React Server Componentsで使う場合はワークアラウンドを利用します。

import { useNextIntl } from '@smarthr/i18n'

export default function Home() {
  const { formatMessage } = useNextIntl()
  return <div>{formatMessage('Home.greeting')}</div>
}

FAQs

What is @smarthr/i18n?

Is @smarthr/i18n popular?

Is @smarthr/i18n well maintained?

Package last updated on 04 Aug 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@smarthr/i18n

@smarthr/i18n

主な機能

サブパッケージ

インストール

利用方法

Next.jsでの使用例

Related posts

Introducing Custom Pull Request Alert Comment Headers

Rust Support Now in Beta