Vinext - Tutorial Completo
Vinext: Next.js sobre Vite
Vinext es un plugin de Vite que reimplementa la superficie de API de Next.js, permitiendo desplegar aplicaciones Next.js en Cloudflare Workers y cualquier plataforma compatible con Vite.
Este tutorial cubre desde los fundamentos hasta el despliegue en producción.
Índice de Capítulos
- Introducción a Vinext — Qué es, por qué existe y cómo se compara con Next.js
- Instalación y Primer Proyecto — Setup, estructura de archivos y servidor de desarrollo
- Pages Router — File-system routing, rutas dinámicas, getServerSideProps y getStaticProps
- App Router — Layouts, pages, loading, error boundaries y route groups
- SSR y React Server Components — Streaming, “use client”, “use server” y arquitectura multi-ambiente
- Server Actions y Data Fetching — Formularios, mutaciones, revalidación y caché
- Navegación, Image y Metadata — next/link, next/image con @unpic/react y Metadata API
- Middleware y API Routes — Middleware, matchers, route handlers y next/server
- Despliegue en Cloudflare Workers — vinext deploy, wrangler, KV cache y TPR
- Migración desde Next.js — Guía paso a paso, compatibilidades y limitaciones
Requisitos Previos
- Conocimientos básicos de React y TypeScript
- Node.js 18+ instalado
- Familiaridad con Next.js (recomendado pero no obligatorio)
- Cuenta de Cloudflare (para el capítulo de despliegue)
Versión Cubierta
Este tutorial cubre Vinext en su versión inicial (febrero 2025). Al ser un proyecto experimental en desarrollo activo, algunas APIs pueden cambiar.