Testing Your Live App

Ваш застосунок розгорнуто. У цьому розділі розглядаються дві речі: перевірка роботи всіх функцій на живій URL-адресі та порядок внесення майбутніх змін у вебзастосунок.

Тестування розгорнутого застосунку

Після завершення розгортання Vercel надає вам URL-адресу, яка виглядає приблизно як your-project-name.vercel.app. Відкрийте її у браузері та протестуйте застосунок так само, як і локально. Перевірте повний робочий цикл:

• Введіть ідею у поле вводу;
• Використайте будь-які додані функції, наприклад, кнопку покращення;
• Надішліть запит і зачекайте на відповідь від ШІ.

Якщо відповідь ШІ завантажується коректно, змінна середовища налаштована правильно, і ваш застосунок повністю працює у вебмережі.

Поширення вашого застосунку

Ця 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