Когда некоторое время назад я начал создавать веб-сайты, не было хороших бесплатных хостинг-провайдеров. Единственными доступными вариантами в то время были хостинги, которые включали в себя несколько рекламных объявлений и акций, которые в основном приводили к тому, что ваш сайт вообще не просматривался.
К счастью, сегодня развертывание веб-приложений на бесплатном хостинге стало намного лучше, и вы можете выбирать из множества провайдеров, таких как 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!