Развертывание приложения Nuxt 3 на Vercel 🚀

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

К счастью, сегодня развертывание веб-приложений на бесплатном хостинге стало намного лучше, и вы можете выбирать из множества провайдеров, таких как Vercel, Netlify, Heroku и многие другие!

В этой статье я хотел бы провести вас через процесс развертывания вашего приложения Nuxt 3 на Vercel.

Код

Прежде всего, нам понадобится приложение Nuxt 3, которое затем будет размещено в репозитории Github. Я полагаю, что оно уже у вас есть, раз вы читаете эту статью, и вас интересуют только инструкции по его развертыванию в Vercel. Также в этой статье я покажу, как развернуть статический веб-сайт (SSG).

Если вас интересует процесс создания простого клона веб-приложения, который затем можно развернуть на Vercel, я настоятельно рекомендую вам посмотреть следующее видео:

Первое, что нам нужно сделать, это импортировать репозиторий GitHub в Vercel.

Затем давайте определим правильную команду сборки:

Команда сборки должна быть yarn generate и выходная папка .output/public.

Если хотите, ниже вы можете добавить некоторые переменные окружения (т.е. токены доступа).

Если все прошло успешно, вы должны увидеть результат, аналогичный нашему демо https://nuxt-modules-clone.vercel.app/.

Резюме

Отлично сделано! Вы только что развернули статическое приложение Nuxt 3 на хостинге Vercel!

Оцените статью
devanswers.ru
Добавить комментарий