Next.js — это React фреймворк для создания полнофункциональных веб-приложений. Он поддерживает серверный рендеринг, генерацию статических сайтов, маршруты API и многое другое. Bun обеспечивает быструю установку пакетов и может запускать серверы разработки и продакшена Next.js.

---

Создание нового приложения Next.js

Используйте интерактивный CLI для создания нового приложения Next.js. Это создаст новый проект Next.js и автоматически установит зависимости.

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

Запуск dev сервера

Перейдите в директорию проекта и запустите dev сервер с помощью Bun.

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

Это запускает dev сервер Next.js со средой выполнения Bun.

Откройте http://localhost:3000 в браузере, чтобы увидеть результат. Любые изменения, которые вы вносите в app/page.tsx, будут автоматически обновляться в браузере.

Обновление скриптов в package.json

Измените поле scripts в вашем package.json, добавив префикс bun --bun к командам Next.js CLI. Это гарантирует, что Bun выполняет Next.js CLI для общих задач, таких как dev, build и start.

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

---

Хостинг

Приложения Next.js на Bun могут быть развёрнуты на различных платформах.

---

Шаблоны

---

→ Смотрите официальную документацию Next.js для получения дополнительной информации о создании и развёртывании приложений Next.js.