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 well maintained?

Package last updated on 05 Dec 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

New React Server Components Vulnerabilities: DoS and Source Code Exposure

Software Engineering Daily Podcast: Feross on AI, Open Source, and Supply Chain Risk