diff --git a/apps/docs/content/ja/docs/01-app/01-getting-started/01-installation.mdx b/apps/docs/content/ja/docs/01-app/01-getting-started/01-installation.mdx
new file mode 100644
index 00000000..48a526c1
--- /dev/null
+++ b/apps/docs/content/ja/docs/01-app/01-getting-started/01-installation.mdx
@@ -0,0 +1,341 @@
+---
+source-updated-at: 2025-06-01T01:32:20.000Z
+translation-updated-at: 2025-06-02T20:02:28.869Z
+title: 新しいNext.jsプロジェクトのセットアップ方法
+nav_title: インストール
+description: 新しいNext.jsアプリケーションを`create-next-app`で作成する方法。TypeScriptやESLintのセットアップ、`next.config.js`ファイルの設定について説明します。
+---
+
+{/* このドキュメントの内容はApp RouterとPages Routerで共有されています。Pages Router固有のコンテンツを追加する場合は、`コンテンツ`コンポーネントを使用してください。共有コンテンツはコンポーネントでラップしないでください。 */}
+
+## システム要件
+
+開始する前に、システムが以下の要件を満たしていることを確認してください:
+
+- [Node.js 18.18](https://nodejs.org/) 以降
+- macOS、Windows（WSLを含む）、またはLinux
+
+## 自動インストール
+
+新しいNext.jsアプリを作成する最も簡単な方法は、[`create-next-app`](/docs/app/api-reference/cli/create-next-app)を使用することです。これにより、すべてが自動的にセットアップされます。プロジェクトを作成するには、以下を実行します:
+
+```bash filename="ターミナル"
+npx create-next-app@latest
+```
+
+インストール中に以下のプロンプトが表示されます:
+
+```txt filename="ターミナル"
+プロジェクト名を入力してください? my-app
+TypeScriptを使用しますか? No / Yes
+ESLintを使用しますか? No / Yes
+Tailwind CSSを使用しますか? No / Yes
+コードを`src/`ディレクトリ内に配置しますか? No / Yes
+App Routerを使用しますか? (推奨) No / Yes
+`next dev`にTurbopackを使用しますか? No / Yes
+インポートエイリアスをカスタマイズしますか? (`@/*`がデフォルト) No / Yes
+どのインポートエイリアスを設定しますか? @/*
+```
+
+プロンプトの後、[`create-next-app`](/docs/app/api-reference/cli/create-next-app)はプロジェクト名のフォルダを作成し、必要な依存関係をインストールします。
+
+## 手動インストール
+
+新しいNext.jsアプリを手動で作成するには、必要なパッケージをインストールします:
+
+```bash filename="ターミナル"
+npm install next@latest react@latest react-dom@latest
+```
+
+次に、以下のスクリプトを`package.json`ファイルに追加します:
+
+```json filename="package.json"
+{
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ }
+}
+```
+
+これらのスクリプトは、アプリケーション開発のさまざまな段階を参照しています:
+
+- `next dev`: 開発サーバーを起動します
+- `next build`: 本番用にアプリケーションをビルドします
+- `next start`: 本番サーバーを起動します
+- `next lint`: ESLintを実行します
+
+
+
+### `app`ディレクトリの作成
+
+Next.jsはファイルシステムベースのルーティングを使用しており、アプリケーション内のルートはファイルの構造によって決定されます。
+
+`app`フォルダを作成します。次に、`app`内に`layout.tsx`ファイルを作成します。このファイルは[ルートレイアウト](/docs/app/api-reference/file-conventions/layout#root-layout)です。必須であり、``タグと``タグを含める必要があります。
+
+```tsx filename="app/layout.tsx" switcher
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+```jsx filename="app/layout.js" switcher
+export default function RootLayout({ children }) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+初期コンテンツを含むホームページ`app/page.tsx`を作成します:
+
+```tsx filename="app/page.tsx" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+```jsx filename="app/page.js" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+`layout.tsx`と`page.tsx`は、ユーザーがアプリケーションのルート(`/`)にアクセスしたときにレンダリングされます。
+
+
+
+> **知っておくと便利**:
+>
+> - ルートレイアウトの作成を忘れた場合、`next dev`で開発サーバーを実行するとNext.jsが自動的にこのファイルを作成します
+> - オプションで、プロジェクトのルートに[`src`フォルダ](/docs/app/api-reference/file-conventions/src-folder)を使用して、アプリケーションコードを設定ファイルから分離できます
+
+
+
+
+
+### `pages`ディレクトリの作成
+
+Next.jsはファイルシステムベースのルーティングを使用しており、アプリケーション内のルートはファイルの構造によって決定されます。
+
+プロジェクトのルートに`pages`ディレクトリを作成します。次に、`pages`フォルダ内に`index.tsx`ファイルを追加します。これがホームページ(`/`)になります:
+
+```tsx filename="pages/index.tsx" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+```jsx filename="pages/index.js" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+次に、`pages/`内に`_app.tsx`ファイルを追加してグローバルレイアウトを定義します。[カスタムAppファイル](/docs/pages/building-your-application/routing/custom-app)について詳しく学びましょう。
+
+```tsx filename="pages/_app.tsx" switcher
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+ return
+}
+```
+
+```jsx filename="pages/_app.js" switcher
+export default function App({ Component, pageProps }) {
+ return
+}
+```
+
+最後に、`pages/`内に`_document.tsx`ファイルを追加して、サーバーからの初期レスポンスを制御します。[カスタムDocumentファイル](/docs/pages/building-your-application/routing/custom-document)について詳しく学びましょう。
+
+```tsx filename="pages/_document.tsx" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+
+
+
+
+
+ )
+}
+```
+
+```jsx filename="pages/_document.js" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+