# gt-next: General Translation Next.js SDK: 使用例 URL: https://generaltranslation.com/ja/docs/next/tutorials/examples.mdx --- title: 使用例 description: 国際化に gt-next を使用する Next.js アプリの使用例 --- ## パターン例 これらの例は、それぞれ `gt-next` の特定の機能や実装パターンを示しています。 | 例 | 説明 | リンク | | ----------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------- | | **`` component basics** | JSX を `` で囲んで自動翻訳する基本例 | [Demo](https://t-component-basics.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/t-component-basics) | | **Dictionary pattern** | `loadDictionary`、`useTranslations`、`getTranslations` を使ったキー ベースの翻訳 | [Demo](https://dictionary-pattern.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/dictionary-pattern) | | **Dynamic content (`tx`)** | `tx()` と `` を使った動的コンテンツの runtime 翻訳 | [Demo](https://dynamic-content-tx.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/dynamic-content-tx) | | **Shared strings (`msg`)** | `msg()` による共有文字列定数を、`getMessages` と `useMessages` でロケールごとに解決 | [Demo](https://shared-strings-msg.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/shared-strings-msg) | | **Static site generation** | `generateStaticParams` を使って、build time にすべてのロケールですべてのページを事前レンダリング | [Demo](https://static-site-generation.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/static-site-generation) | | **Local translation storage** | `loadTranslations` パターンで翻訳をビルドに含めるため、runtime で CDN は不要 | [Demo](https://local-translation-storage.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/local-translation-storage) | | **Server metadata & SEO** | 多言語 SEO 向けの翻訳済みメタデータと OG タグ | [Demo](https://server-metadata-seo.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/server-metadata-seo) | ## サンプルアプリ 実際のユースケースで `gt-next` を使った、実用的なフルアプリケーションです。 | Example | Description | Links | | ---------------- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | | **SaaS ダッシュボード** | ロケールに応じたデータ形式と RTL をサポートする、複数ページ構成の管理ダッシュボード | [Demo](https://saas-dashboard.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/saas-dashboard) | | **航空券予約** | ロケールに応じた価格と日付表示に対応した、多言語の航空券予約アプリ | [Demo](https://airline-booking.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/airline-booking) | | **映画データベース** | Next.js 15 で構築された多言語映画カタログ | [Demo](https://movie-database.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/movie-database) | | **レシピアプリ** | ロケールに応じた分量、温度、人数表示に対応したレシピブラウザー | [Demo](https://recipe-app.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/recipe-app) | | **料金ページ** | 多言語対応の SaaS 料金ページ | [Demo](https://pricing-page.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/pricing-page) | | **求人ボード** | ロケールに応じた通貨、日付、複数形に対応した求人一覧 | [Demo](https://job-board.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/job-board) | | **開発者ポートフォリオ** | 多言語対応の開発者向けポートフォリオサイト | [Demo](https://developer-portfolio.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/developer-portfolio) | | **フライト状況** | Solari フリップボードとルートの可視化を備えたフライトトラッカー | [Demo](https://flight-status.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/flight-status) | すべてのサンプルは [app-catalog.generaltranslation.dev](https://app-catalog.generaltranslation.dev) または [GitHub](https://github.com/gt-examples) で確認できます。 ## モノレポのサンプル これらのサンプルは、[`generaltranslation/gt`](https://github.com/generaltranslation/gt/tree/main/examples) モノレポにあります。 | サンプル | 説明 | リンク | | ---------------------- | ------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | | **Next.js starter** | `gt-next` 用のスターターテンプレート | [Demo](https://gt-next-starter.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-gt-starter) | | **Next.js create app** | `gt-next` を追加した標準の `create-next-app` | [Demo](https://next-create-app-eight.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-create-app) | | **AI chatbot** | Vercel AI Chatbot テンプレートをベースにした、多言語対応の AI チャットボット | [Demo](https://example-ai-chatbot-ten.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-chatbot) | | **Next.js SSG** | 静的生成の多言語 Next.js アプリ | [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-ssg) | | **Pages Router** | `gt-react` を使用した Next.js Pages Router | [Demo](https://next-pages-router.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-pages-router) |