Vercel

Развертывание с помощью Git

1. Поместите код в свой git-репозиторий (GitHub, GitLab, Bitbucket).
2. Импортируйте ваш проект в Vercel.
3. Vercel определит, что вы используете Nitro, и включит правильные настройки для развертывания.
4. Ваше приложение развернуто!

После того как проект импортирован и развернут, все последующие изменения в ветках будут генерировать Preview Deployments, а все изменения в Production Branch (обычно «main») приведут к Production Deployment.

Узнайте больше об интеграции Vercel с Git.

Vercel Edge функции

Можно развернуть ваши приложения Nuxt непосредственно на Vercel Edge Функциях.

Функции Vercel Edge Functions позволяют быстро и персонализировано доставлять контент посетителям вашего сайта. Они по умолчанию развернуты в глобальной сети Vercel Edge Network и позволяют перенести server-side логику в Edge, ближе к месту нахождения посетителей. Функции Edge используют Vercel Edge Runtime, который построен на том же высокопроизводительном движке V8 JavaScript и WebAssembly, что и браузер Chrome. Используя преимущества этого небольшого рантайма, Edge-функции могут иметь более быструю загрузку и более высокую масштабируемость, чем бессерверные функции. Edge Functions запускаются после кэша и могут как кэшировать, так и возвращать ответы. Читать далее

Чтобы использовать это, установите следующую переменную окружения:

SERVER_PRESET=vercel_edge

Или обновите команду сборки на nuxt build --preset=vercel_edge.

Vercel KV Storage

Вы можете легко использовать Vercel KV Storage с Nuxt Server Storage.

1. Установите зависимость @vercel/kv:
   Terminal

   npm i @vercel/kv
   

2. Обновите файл nuxt.config.ts:
   nuxt.config.ts

   export default defineNuxtConfig({
     nitro: {
       storage: {
         data: {
           driver: 'vercelKV'
           /* Vercel KV driver параметры */
         }
       }
     }
   })
   

Теперь вы можете получить доступ к своему хранилищу данных в любом месте директории server/:

export default defineEventHandler(async (event) => {
  const dataStorage = useStorage('data');
  await dataStorage.setItem('hello', 'world');

  return {
    hello: await dataStorage.getItem("hello"),
  }
})

Пользовательская конфигурация вывода сборки

Вы можете предоставить дополнительную конфигурацию вывода сборки с помощью ключа nitro.vercel.config в nuxt.config.ts. Она будет объединена со встроенной конфигурацией.

Шаблоны

::

Узнать больше