Primeros pasos
¡Bienvenido a la documentación de Next.js!
Esta sección de Primeros pasos le ayudará a crear su primera aplicación Next.js y aprender las características principales que utilizará en cada proyecto.
Conocimientos previos
Nuestra documentación asume cierta familiaridad con el desarrollo web. Antes de comenzar, será útil si está cómodo con:
- HTML
- CSS
- JavaScript
- React
Si es nuevo en React o necesita un repaso, le recomendamos comenzar con nuestro curso Fundamentos de React y el curso Fundamentos de Next.js donde construirá una aplicación mientras aprende.
Próximos pasos
Instalación
Crea una nueva aplicación Next.js con la CLI `create-next-app` y configura TypeScript, ESLint y alias de rutas de módulos.
Estructura del Proyecto
Una visión general de las convenciones de carpetas y archivos en Next.js, y cómo organizar tu proyecto.
Diseños y Páginas
Crea tus primeras páginas y diseños, y enlázalas entre ellas.
Enlaces y Navegación
Aprende cómo funcionan la precarga (prefetching), la prerenderización y la navegación del lado del cliente en Next.js, y cómo usar el componente Link.
Imágenes
Aprenda a optimizar imágenes en Next.js
Fuentes
Aprenda a utilizar fuentes en Next.js
CSS
Conoce las diferentes formas de agregar CSS a tu aplicación, incluyendo Módulos CSS, CSS Global, Tailwind CSS y más.
Componentes de Servidor y Cliente
Aprende cómo puedes usar los Componentes de Servidor y Cliente de React para renderizar partes de tu aplicación en el servidor o en el cliente.
Obtención de datos
Comienza a obtener datos y transmitir contenido en tu aplicación.
Almacenamiento en caché y revalidación
Aprenda a almacenar en caché y revalidar datos en su aplicación.
Actualización de datos
Aprende a actualizar datos en tu aplicación Next.js.
Manejo de errores
Aprenda a mostrar errores esperados y manejar excepciones no capturadas.
Renderizado Parcial
Aprende a combinar los beneficios del renderizado estático y dinámico con el Renderizado Parcial (Partial Prerendering).
Metadatos e imágenes OG
Aprende cómo agregar metadatos a tus páginas y crear imágenes OG dinámicas.
Despliegue
Aprende cómo desplegar tu aplicación Next.js.
Actualización
Aprende cómo actualizar tu aplicación Next.js a la versión más reciente.