Сегодня я покажу вам самый простой способ получить онлайн-приложение Nuxt. Vercel — это открытая бессерверная платформа, которая позволит вам бесплатно разместить приложение Nuxt. Есть платные планы, но в этом уроке я покажу вам, как настроить приложение из репозитория Github за минимальное время.

Давай начнем.

Настраивать

Вы можете получить сообщение об ошибке на этапе развертывания, показывающее, что отсутствует public или ./dist . Эту проблему можно легко решить, используя nuxt generate в скрипте сборки. Nuxt generate создаст каталоги, необходимые для Vercel.

"build": "nuxt generate --output public",

Войти в Vercel

Если у вас нет учетной записи, вы можете создать ее бесплатно, посетив их веб-сайт. После этого войдите в свою учетную запись, чтобы получить доступ к панели инструментов. Вы должны увидеть что-то вроде этого.

Следующее, что вам нужно сделать, это создать новый проект, нажав черную кнопку рядом с панелью поиска.

Импорт репозитория Git

Я буду использовать недавнее приложение, которое я создаю, в качестве демонстрации того, как это будет работать. Найдите репозиторий, который вы хотите использовать, и нажмите кнопку импорта.

Создание команды не является обязательным, и вы получаете бесплатную пробную версию, но мы пока пропустим этот шаг.

Конфигурация — это место, где мы добавим наши параметры и переменные среды для приложения. Если у вас их нет, вы можете использовать настройки по умолчанию. Если вы это сделаете, просто скопируйте ключ и имя переменной в настройки переменных среды, как показано ниже.

После этого нажмите кнопку развертывания и дождитесь завершения процесса сборки.

Вот конечный продукт. Теперь вы можете просматривать его онлайн с любого устройства или использовать собственный домен, чтобы указать на этот сервер. Надеюсь это поможет!