messages/
├── en/
│   ├── common.json
│   ├── home.json
│   └── ...
└── no/
    ├── common.json
    ├── home.json
    └── ...

import { getTranslations } from 'next-intl/server';

export default async function Page() {
  const t = await getTranslations('home');
  
  return <h1>{t('title')}</h1>;
}

'use client';

import { useTranslations } from 'next-intl';

export function Component() {
  const t = useTranslations('home');
  
  return <h1>{t('title')}</h1>;
}