Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Відправлення коду на GitHub | Розміщення вашого застосунку онлайн
Вебзастосунок з нуля з Claude

bookВідправлення коду на GitHub

Свайпніть щоб показати меню

Note
Визначення

GitHub — це платформа для розміщення та керування кодом із використанням системи контролю версій (Git). Дозволяє розробникам зберігати проєкти, відстежувати зміни, співпрацювати з іншими та ділитися своєю роботою онлайн.

Зараз ваш проєкт знаходиться у папці на вашому комп'ютері. Щоб опублікувати його онлайн, потрібно перемістити його туди, де платформа хостингу зможе отримати до нього доступ. GitHub виконує роль такого посередника.

Уявіть GitHub як хмарне сховище для коду. Ваші файли залишаються на комп'ютері, але GitHub зберігає копію, яку інші інструменти — наприклад, платформа хостингу, яку ми використаємо у наступному розділі — можуть зчитувати та розгортати.

Note
Примітка

GitHub зберігає ваш код. Vercel його публікує. Спочатку працюємо з GitHub.

Що потрібно зробити

  1. Створити обліковий запис GitHub Перейдіть на github.com і натисніть Sign Up. Якщо у вас вже є обліковий запис, просто увійдіть

  2. Попросити Claude Code завантажити ваш проєкт Вам не потрібно налаштовувати GitHub вручну. Запитайте у Claude Code:

How can I get my app published? I have a GitHub account. I want the simplest way to publish the app.

Claude Code проведе вас через процес завантаження проєкту на GitHub. Коли з'явиться запит на авторизацію через github.com/login/device, дотримуйтесь інструкцій, введіть код і натисніть Approve

  1. Переконайтеся, що ваш проєкт доступний на GitHub Після завершення Claude Code надасть посилання на GitHub Відкрийте посилання і переконайтеся, що всі файли вашого проєкту на місці

Важлива інформація

У вашому проєкті є файл .env.local. Саме тут зберігається ваш API-ключ. Він автоматично виключається з GitHub за допомогою файлу .gitignore. Це означає, що ваш API-ключ залишається приватним і не завантажується.

Тут нічого робити не потрібно. Claude Code виконує це автоматично. Корисно лише розуміти, чому це відбувається.

Після того як ваш код опиниться на GitHub, у наступному розділі буде розглянуто розгортання на Vercel, щоб ваш застосунок став доступним в інтернеті за справжньою URL-адресою, яку може відвідати будь-хто.

question mark

Яка основна роль GitHub під час розгортання коду?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 1

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 5. Розділ 1
some-alt