diff --git a/apps/docs/content/de/docs/01-app/01-getting-started/01-installation.mdx b/apps/docs/content/de/docs/01-app/01-getting-started/01-installation.mdx
new file mode 100644
index 00000000..030ea1b7
--- /dev/null
+++ b/apps/docs/content/de/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:04:36.711Z
+title: Einrichtung eines neuen Next.js-Projekts
+nav_title: Installation
+description: Erstellen Sie eine neue Next.js-Anwendung mit der `create-next-app` CLI und richten Sie TypeScript, ESLint und Modulpfad-Aliase ein.
+---
+
+{/* Der Inhalt dieses Dokuments wird sowohl für den App- als auch für den Pages-Router verwendet. Sie können die `Content`-Komponente verwenden, um Inhalte hinzuzufügen, die spezifisch für den Pages-Router sind. Gemeinsame Inhalte sollten nicht in eine Komponente eingeschlossen werden. */}
+
+## Systemanforderungen
+
+Bevor Sie beginnen, stellen Sie sicher, dass Ihr System die folgenden Anforderungen erfüllt:
+
+- [Node.js 18.18](https://nodejs.org/) oder höher.
+- macOS, Windows (einschließlich WSL) oder Linux.
+
+## Automatische Installation
+
+Der schnellste Weg, eine neue Next.js-App zu erstellen, ist die Verwendung von [`create-next-app`](/docs/app/api-reference/cli/create-next-app), das alles automatisch für Sie einrichtet. Führen Sie folgenden Befehl aus, um ein Projekt zu erstellen:
+
+```bash filename="Terminal"
+npx create-next-app@latest
+```
+
+Während der Installation werden Sie folgende Eingabeaufforderungen sehen:
+
+```txt filename="Terminal"
+Wie soll Ihr Projekt heißen? my-app
+Möchten Sie TypeScript verwenden? Nein / Ja
+Möchten Sie ESLint verwenden? Nein / Ja
+Möchten Sie Tailwind CSS verwenden? Nein / Ja
+Möchten Sie Ihren Code in einem `src/`-Verzeichnis haben? Nein / Ja
+Möchten Sie den App-Router verwenden? (empfohlen) Nein / Ja
+Möchten Sie Turbopack für `next dev` verwenden? Nein / Ja
+Möchten Sie den Import-Alias anpassen? (Standard: `@/*`) Nein / Ja
+Welchen Import-Alias möchten Sie konfigurieren? @/*
+```
+
+Nach den Eingabeaufforderungen erstellt [`create-next-app`](/docs/app/api-reference/cli/create-next-app) einen Ordner mit Ihrem Projektnamen und installiert die erforderlichen Abhängigkeiten.
+
+## Manuelle Installation
+
+Um manuell eine neue Next.js-App zu erstellen, installieren Sie die erforderlichen Pakete:
+
+```bash filename="Terminal"
+npm install next@latest react@latest react-dom@latest
+```
+
+Fügen Sie dann die folgenden Skripte zu Ihrer `package.json`-Datei hinzu:
+
+```json filename="package.json"
+{
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ }
+}
+```
+
+Diese Skripte beziehen sich auf die verschiedenen Phasen der Anwendungsentwicklung:
+
+- `next dev`: Startet den Entwicklungsserver.
+- `next build`: Erstellt die Anwendung für die Produktion.
+- `next start`: Startet den Produktionsserver.
+- `next lint`: Führt ESLint aus.
+
+
+
+### Erstellen des `app`-Verzeichnisses
+
+Next.js verwendet Dateisystem-Routing, was bedeutet, dass die Routen in Ihrer Anwendung durch die Struktur Ihrer Dateien bestimmt werden.
+
+Erstellen Sie einen `app`-Ordner. Erstellen Sie dann innerhalb von `app` eine `layout.tsx`-Datei. Diese Datei ist das [Root-Layout](/docs/app/api-reference/file-conventions/layout#root-layout). Es ist erforderlich und muss die ``- und ``-Tags enthalten.
+
+```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}
+
+ )
+}
+```
+
+Erstellen Sie eine Startseite `app/page.tsx` mit einigen initialen Inhalten:
+
+```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!
+}
+```
+
+Sowohl `layout.tsx` als auch `page.tsx` werden gerendert, wenn der Benutzer die Wurzel Ihrer Anwendung (`/`) besucht.
+
+
+
+> **Gut zu wissen**:
+>
+> - Wenn Sie das Root-Layout vergessen zu erstellen, wird Next.js diese Datei automatisch erstellen, wenn Sie den Entwicklungsserver mit `next dev` starten.
+> - Sie können optional ein [`src`-Verzeichnis](/docs/app/api-reference/file-conventions/src-folder) im Stammverzeichnis Ihres Projekts verwenden, um Ihren Anwendungscode von Konfigurationsdateien zu trennen.
+
+
+
+
+
+### Erstellen des `pages`-Verzeichnisses
+
+Next.js verwendet Dateisystem-Routing, was bedeutet, dass die Routen in Ihrer Anwendung durch die Struktur Ihrer Dateien bestimmt werden.
+
+Erstellen Sie ein `pages`-Verzeichnis im Stammverzeichnis Ihres Projekts. Fügen Sie dann eine `index.tsx`-Datei in Ihren `pages`-Ordner hinzu. Dies wird Ihre Startseite (`/`) sein:
+
+```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!
+}
+```
+
+Fügen Sie als Nächstes eine `_app.tsx`-Datei in `pages/` hinzu, um das globale Layout zu definieren. Erfahren Sie mehr über die [benutzerdefinierte App-Datei](/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
+}
+```
+
+Fügen Sie schließlich eine `_document.tsx`-Datei in `pages/` hinzu, um die initiale Antwort vom Server zu steuern. Erfahren Sie mehr über die [benutzerdefinierte Document-Datei](/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 (
+
+
+