国际化

// messages/en-US.json
{
  "generator": {
    "confirm": "Confirm",
    "cancel": "Cancel",
    "processing": "Processing..."
  },
  "toolbar": {
    "filter": "Filter",
    "adjust": "Adjust",
    "crop": "Crop"
  }
}

import { useTranslations } from 'next-intl';

function ToolBar() {
  const t = useTranslations('toolbar');

  return (
    <div>
      <Button>{t('filter')}</Button>
      <Button>{t('adjust')}</Button>
    </div>
  );
}

// i18n/request.ts
import { getRequestConfig } from 'next-intl/server';

export default getRequestConfig(async ({ locale }) => ({
  messages: (await import(`../messages/${locale}.json`)).default,
}));