Volver al diccionario
Desarrollo Web
Next.js
Framework de React que añade renderizado del servidor, routing, y optimizaciones para aplicaciones web.
Qué es Next.js
Next.js es un framework de React creado por Vercel que amplía las capacidades de React con renderizado del servidor, routing basado en archivos, optimización de imágenes y más.
Características principales
App Router (Next.js 13+)
Nuevo sistema de routing basado en directorios con soporte para layouts, loading states y error handling.
Server Components
Componentes que se renderizan en el servidor, reduciendo el JavaScript enviado al cliente.
SSR/SSG/ISR
Flexibilidad total en estrategia de renderizado por página.
API Routes
Endpoints de backend dentro del mismo proyecto.
Image Optimization
Optimización automática de imágenes con next/image.
Font Optimization
Carga optimizada de fuentes con next/font.
Estructura típica
```
app/
├── layout.jsx # Layout raíz
├── page.jsx # Página home
├── blog/
│ ├── layout.jsx # Layout del blog
│ ├── page.jsx # Listado de posts
│ └── [slug]/
│ └── page.jsx # Post individual
└── api/
└── contact/
└── route.js # API endpoint
```
Server Component
```jsx
// Se ejecuta en el servidor
async function Productos() {
const productos = await fetchProductos()
return (
- {p.nombre} )}
{productos.map(p =>
)
}
```
Client Component
```jsx
"use client" // Necesario para interactividad
import { useState } from 'react'
function Contador() {
const [count, setCount] = useState(0)
return
}
```
Necesitas ayuda con tu ecommerce?
Somos expertos en desarrollo de tiendas online. Cuéntanos tu proyecto y te asesoramos sin compromiso.
Contactar con Ganton