diff --git a/apps/docs/content/es/docs/01-app/01-getting-started/01-installation.mdx b/apps/docs/content/es/docs/01-app/01-getting-started/01-installation.mdx
new file mode 100644
index 00000000..952b8201
--- /dev/null
+++ b/apps/docs/content/es/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:05.283Z
+title: Cómo configurar un nuevo proyecto Next.js
+nav_title: Instalación
+description: Crea una nueva aplicación Next.js con la CLI `create-next-app` y configura TypeScript, ESLint y alias de rutas de módulos.
+---
+
+{/* El contenido de este documento se comparte entre el enrutador de aplicaciones y páginas. Puedes usar el componente `Contenido` para agregar contenido específico del Enrutador de Páginas. Cualquier contenido compartido no debe estar envuelto en un componente. */}
+
+## Requisitos del sistema
+
+Antes de comenzar, asegúrate de que tu sistema cumpla con los siguientes requisitos:
+
+- [Node.js 18.18](https://nodejs.org/) o superior.
+- macOS, Windows (incluyendo WSL) o Linux.
+
+## Instalación automática
+
+La forma más rápida de crear una nueva aplicación Next.js es usando [`create-next-app`](/docs/app/api-reference/cli/create-next-app), que configura todo automáticamente. Para crear un proyecto, ejecuta:
+
+```bash filename="Terminal"
+npx create-next-app@latest
+```
+
+Durante la instalación, verás los siguientes prompts:
+
+```txt filename="Terminal"
+¿Cómo quieres llamar a tu proyecto? mi-app
+¿Deseas usar TypeScript? No / Sí
+¿Deseas usar ESLint? No / Sí
+¿Deseas usar Tailwind CSS? No / Sí
+¿Prefieres tu código dentro de un directorio `src/`? No / Sí
+¿Deseas usar el Enrutador de Aplicación? (recomendado) No / Sí
+¿Deseas usar Turbopack para `next dev`? No / Sí
+¿Quieres personalizar el alias de importación (`@/*` por defecto)? No / Sí
+¿Qué alias de importación deseas configurar? @/*
+```
+
+Después de los prompts, [`create-next-app`](/docs/app/api-reference/cli/create-next-app) creará una carpeta con el nombre de tu proyecto e instalará las dependencias necesarias.
+
+## Instalación manual
+
+Para crear manualmente una nueva aplicación Next.js, instala los paquetes requeridos:
+
+```bash filename="Terminal"
+npm install next@latest react@latest react-dom@latest
+```
+
+Luego, agrega los siguientes scripts a tu archivo `package.json`:
+
+```json filename="package.json"
+{
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ }
+}
+```
+
+Estos scripts corresponden a las diferentes etapas de desarrollo de una aplicación:
+
+- `next dev`: Inicia el servidor de desarrollo.
+- `next build`: Construye la aplicación para producción.
+- `next start`: Inicia el servidor de producción.
+- `next lint`: Ejecuta ESLint.
+
+
+
+### Crear el directorio `app`
+
+Next.js usa enrutamiento basado en el sistema de archivos, lo que significa que las rutas en tu aplicación se determinan por cómo estructuras tus archivos.
+
+Crea una carpeta `app`. Luego, dentro de `app`, crea un archivo `layout.tsx`. Este archivo es el [layout raíz](/docs/app/api-reference/file-conventions/layout#root-layout). Es obligatorio y debe contener las etiquetas `` y ``.
+
+```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}
+
+ )
+}
+```
+
+Crea una página de inicio `app/page.tsx` con contenido inicial:
+
+```tsx filename="app/page.tsx" switcher
+export default function Page() {
+ return ¡Hola, Next.js!
+}
+```
+
+```jsx filename="app/page.js" switcher
+export default function Page() {
+ return ¡Hola, Next.js!
+}
+```
+
+Tanto `layout.tsx` como `page.tsx` se renderizarán cuando el usuario visite la raíz de tu aplicación (`/`).
+
+
+
+> **Nota importante**:
+>
+> - Si olvidas crear el layout raíz, Next.js creará automáticamente este archivo al ejecutar el servidor de desarrollo con `next dev`.
+> - Opcionalmente puedes usar una [carpeta `src`](/docs/app/api-reference/file-conventions/src-folder) en la raíz de tu proyecto para separar el código de tu aplicación de los archivos de configuración.
+
+
+
+
+
+### Crear el directorio `pages`
+
+Next.js usa enrutamiento basado en el sistema de archivos, lo que significa que las rutas en tu aplicación se determinan por cómo estructuras tus archivos.
+
+Crea un directorio `pages` en la raíz de tu proyecto. Luego, agrega un archivo `index.tsx` dentro de tu carpeta `pages`. Esta será tu página de inicio (`/`):
+
+```tsx filename="pages/index.tsx" switcher
+export default function Page() {
+ return ¡Hola, Next.js!
+}
+```
+
+```jsx filename="pages/index.js" switcher
+export default function Page() {
+ return ¡Hola, Next.js!
+}
+```
+
+A continuación, agrega un archivo `_app.tsx` dentro de `pages/` para definir el layout global. Más información sobre el [archivo App personalizado](/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
+}
+```
+
+Finalmente, agrega un archivo `_document.tsx` dentro de `pages/` para controlar la respuesta inicial del servidor. Más información sobre el [archivo Document personalizado](/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 (
+
+
+