Testing Your Live App
Свайпніть щоб показати меню
Ваш застосунок розгорнуто. У цьому розділі розглядаються дві речі: перевірка роботи всіх функцій на живій URL-адресі та порядок внесення майбутніх змін у вебзастосунок.
Тестування розгорнутого застосунку
Після завершення розгортання Vercel надає вам URL-адресу, яка виглядає приблизно як your-project-name.vercel.app. Відкрийте її у браузері та протестуйте застосунок так само, як і локально. Перевірте повний робочий цикл:
- Введіть ідею у поле вводу;
- Використайте будь-які додані функції, наприклад, кнопку покращення;
- Надішліть запит і зачекайте на відповідь від ШІ.
Якщо відповідь ШІ завантажується коректно, змінна середовища налаштована правильно, і ваш застосунок повністю працює у вебмережі.
Якщо сторінка завантажується, але відповідь ШІ не надходить, поверніться до налаштувань проєкту у Vercel, перевірте змінні середовища та переконайтеся, що ключ і значення введені правильно.
Поширення вашого застосунку
Ця Vercel URL — це ваш живий застосунок. Ви можете надіслати її будь-кому, і вони зможуть відкрити застосунок у своєму браузері без необхідності бути у вашій мережі чи на вашому комп'ютері. Це ваш MVP, доступний в інтернеті.
За бажанням можна додати власний домен у Vercel для більш професійної URL-адреси. Це необов'язково.
Внесення майбутніх змін
Щоразу, коли ви вносите зміни у Claude Code і хочете, щоб вони з'явилися у вашому живому вебзастосунку, потрібно надіслати ці зміни на GitHub. Vercel відстежує ваш репозиторій GitHub і автоматично повторно розгортає застосунок, коли з'являється новий код.
Три команди, які забезпечують цей процес:
git add
git commit
git push
Вам не потрібно виконувати їх самостійно. Просто попросіть Claude Code:
"Push my latest changes to GitHub."
Claude Code виконає всі три команди за вас. Після цього Vercel підхопить оновлення і автоматично повторно розгорне застосунок протягом однієї-двох хвилин.
Цикл оновлення
Це повний цикл відтепер. Кожне покращення, яке ви робите, проходить ті самі три кроки.
Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Testing Your Live App
Ваш застосунок розгорнуто. У цьому розділі розглядаються дві речі: перевірка роботи всіх функцій на живій URL-адресі та порядок внесення майбутніх змін у вебзастосунок.
Тестування розгорнутого застосунку
Після завершення розгортання Vercel надає вам URL-адресу, яка виглядає приблизно як your-project-name.vercel.app. Відкрийте її у браузері та протестуйте застосунок так само, як і локально. Перевірте повний робочий цикл:
- Введіть ідею у поле вводу;
- Використайте будь-які додані функції, наприклад, кнопку покращення;
- Надішліть запит і зачекайте на відповідь від ШІ.
Якщо відповідь ШІ завантажується коректно, змінна середовища налаштована правильно, і ваш застосунок повністю працює у вебмережі.
Якщо сторінка завантажується, але відповідь ШІ не надходить, поверніться до налаштувань проєкту у Vercel, перевірте змінні середовища та переконайтеся, що ключ і значення введені правильно.
Поширення вашого застосунку
Ця Vercel URL — це ваш живий застосунок. Ви можете надіслати її будь-кому, і вони зможуть відкрити застосунок у своєму браузері без необхідності бути у вашій мережі чи на вашому комп'ютері. Це ваш MVP, доступний в інтернеті.
За бажанням можна додати власний домен у Vercel для більш професійної URL-адреси. Це необов'язково.
Внесення майбутніх змін
Щоразу, коли ви вносите зміни у Claude Code і хочете, щоб вони з'явилися у вашому живому вебзастосунку, потрібно надіслати ці зміни на GitHub. Vercel відстежує ваш репозиторій GitHub і автоматично повторно розгортає застосунок, коли з'являється новий код.
Три команди, які забезпечують цей процес:
git add
git commit
git push
Вам не потрібно виконувати їх самостійно. Просто попросіть Claude Code:
"Push my latest changes to GitHub."
Claude Code виконає всі три команди за вас. Після цього Vercel підхопить оновлення і автоматично повторно розгорне застосунок протягом однієї-двох хвилин.
Цикл оновлення
Це повний цикл відтепер. Кожне покращення, яке ви робите, проходить ті самі три кроки.
Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
Дякуємо за ваш відгук!
