Next.js es un framework de React para construir aplicaciones web full-stack. Soporta renderizado del lado del servidor, generación de sitios estáticos, rutas de API y más. Bun proporciona una instalación rápida de paquetes y puede ejecutar servidores de desarrollo y producción de Next.js.

---

Crear una nueva aplicación Next.js

Usa el CLI interactivo para crear una nueva aplicación Next.js. Esto creará un nuevo proyecto Next.js e instalará automáticamente las dependencias.

bun create next-app@latest my-bun-app

Iniciar el servidor de desarrollo

Cambia al directorio del proyecto y ejecuta el servidor de desarrollo con Bun.

cd my-bun-app
bun --bun run dev

Esto inicia el servidor de desarrollo de Next.js con el runtime de Bun.

Abre http://localhost:3000 con tu navegador para ver el resultado. Cualquier cambio que hagas en app/page.tsx se recargará en caliente en el navegador.

Actualizar scripts en package.json

Modifica el campo scripts en tu package.json prefijando los comandos CLI de Next.js con bun --bun. Esto asegura que Bun ejecute el CLI de Next.js para tareas comunes como dev, build y start.

{
  "scripts": {
    "dev": "bun --bun next dev",
    "build": "bun --bun next build",
    "start": "bun --bun next start",
  }
}

---

Hosting

Las aplicaciones Next.js en Bun se pueden desplegar en varias plataformas.

---

Plantillas

---

→ Consulta la documentación oficial de Next.js para más información sobre cómo construir y desplegar aplicaciones Next.js.