Как выгружать свой сайт на now.sh.

vercel-cli-deploy.md

Как выгружать свой сайт на vercel (бывший now.sh).

• Шаг 1. Глобально устанавливаем vercel.

  Для этого в консоли пишем npm i -g vercel. На момент написания инструкции актуальная версия — 21.0.1.

• Шаг 2. Регистрируемся на vercel.com.

• Шаг 3. Переходим в корень проекта.

• Шаг 4. Запускаем vercel. Для этого в консоли пишем: vercel.

• Шаг 5: Авторизируемся

  После выполнения vercel вам предложат авторизироваться:

  Enter your email: - вводим свой email и жмем enter.

  На указанную почту будет выслано письмо с подтверждением: We sent an email to ******. Please follow the steps provided inside it and make sure the security code matches *****.

  Нажимаем кнопку VERIFY.

  Дожидаемся, пока в консоли появится подтверждение: ✔ Email confirmed Congratulations! You are now logged in. In order to deploy something, run ***vercel***.

  Теперь мы можем выгружать наши сайты на vercel.com.

• Шаг 6: Выгрузка сайта.

  Пишем в консоли vercel.

  На вопрос Set up and deploy “******”? отвечаем y.

  На вопрос Which scope do you want to deploy to? отвечаем y.

  На вопрос Link to existing project? отвечаем n.

  На вопрос What’s your project’s name? пишем предпочтительное имя.

  На вопрос In which directory is your code located? оставляем ./ (для create-react-app-проектов).

  На вопрос Want to override the settings? выбираем n.

  P.S: В случае, если вы выгружаете webpack-приложение и директория, в которую webpack собирает файлы отличается от public, вам необходимо ответить y и выбрать для перезаписи пункт Output directory. В этом пункте укажите папку, куда webpack собирает файлы, в случае с заданием из блока 1.6 - это папка dist.

  Готово! vercel выдал вам ссылку (и скопировал её в буфер обмена), по которой вы можете посмотреть ваш прекрасный сайт!

Как это работает?

В случае статического файла vercel берет все файлы из корневой директории и публикует их на сервере. Когда вы заходите по ссылке, которую вам дал vercel он находит index.html и открывает его для вас.

В случае webpack/react vercel выгружает проект на сервер и запускает build команду из файла package.json.

После этого vercel выгружает все из папки, которую вы указали как Output directory(по умолчанию - public).

Что делать, если я неправильно указал параметры при конфигрурировании vercel?

Короткий ответ - написать в консоли vercel -- help и постараться разобраться самому.

Длинный ответ:

• Шаг 1: Получить список всех ваших проектов/выгрузок: vercel ls.
• Шаг 2: Удалить проект/выгрузку, которую вы неправильно сконфигурировали: vercel rm **projectName**.
• Шаг 3: Удалить папку .vercel из корня проекта (она скрытая).
• Шаг 4: Сконфигурировать заново.

P.S: Самая частая проблема – выбор настроек на этапе Want to override the settings?. После раскрытия списка возможных опций для перезаписывания передвигайтесь с помощью кнопок вверх/вниз и выбирайте пробелом какие опции вы хотите перезаписать. После этого нажимаете enter и пишете значения для этих опций.

Спасибо у меня получилось разместить свой Flask(Python) сайт! :D
Но, возникла проблема. :( Моя программа не может перезаписывать данные в файлы.
Может вы знаете как это решить? Есть ли какие-то настройки доступа к записи в файл?
И да, на localhost все работало :/