Розгортання з Vercel
Свайпніть щоб показати меню
Vercel бере ваш код з GitHub і публікує його як робочий вебсайт. Кожного разу, коли ви надсилаєте оновлення на GitHub, Vercel автоматично повторно розгортає сайт. Після першого налаштування не потрібно виконувати жодних дій вручну.
Ваш код знаходиться на GitHub. У цьому розділі він стане доступним в інтернеті з реальною URL-адресою, якою можна поділитися з будь-ким.
Кроки
Перейдіть на vercel.com та зареєструйтеся. Підключіть свій обліковий запис GitHub, коли буде запропоновано. Це дозволяє Vercel бачити ваші репозиторії.
Після входу на панель керування Vercel натисніть Add New і виберіть Project. Ви повинні побачити свій репозиторій GitHub у списку. Натисніть Import.
Це найважливіший крок. Ваш API-ключ не знаходиться на GitHub, оскільки він був виключений через .gitignore. Це означає, що Vercel також його не має. Необхідно надати його Vercel безпосередньо.
На сторінці налаштування проєкту відкрийте розділ Environment Variables. Тут потрібно додати свій API-ключ перед розгортанням.
| Field | What to enter |
|---|---|
| Key | ANTHROPIC_API_KEY |
| Value | Ваш фактичний API-ключ з .env.local |
Також можна натиснути Import .env і вибрати свій файл .env.local напряму. Vercel автоматично зчитає ключ і значення з нього. Це найпростіший варіант.
Після додавання змінної середовища натисніть Deploy. Vercel завантажить усі ваші файли коду з GitHub і опублікує їх. Це займає від двох до п’яти хвилин.
Коли з’явиться екран із привітанням, ваш застосунок уже працює! Vercel надає вам URL-адресу, яку можна відкрити в будь-якому браузері та поділитися з будь-ким.
Чому крок із змінною середовища важливий
Ваш застосунок збереться та виглядатиме працездатним навіть без API-ключа. Але щойно хтось надішле ідею, він не працюватиме, оскільки застосунок не зможе звернутися до AI. Додавання ключа у Vercel забезпечує роботу основної функції у продакшені.
Локальний файл .env.local залишається на вашому комп'ютері. Змінні середовища Vercel — це ваш .env.local для веб-версії у мережі.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
