Як я створив сайт без жодного рядка коду завдяки ChatGPT
За останні місяці я уважно слідкував за розповідями колег про унікальний феномен vibe coding — способі створювати корисні цифрові рішення, не будучи професійним програмістом. Люди з різних сфер, від пожежників до зайнятих батьків, вигадували власні прості додатки для покращення щоденних справ.
Мій власний досвід у кодуванні був дуже обмеженим — кілька правок HTML у шкільні роки і далека пам’ять про курс інформатики в університеті. Тож я завжди відкладаю спроби створити щось подібне, побоюючись складнощів.
Але на цьому тижні все змінилося. Сам Сем Альтман, співзасновник і CEO OpenAI, виклав у соцмережі X промпт, який ввів у ChatGPT зі смартфона:
«Використай всю історію моїх чатів, щоб запропонувати ідеї для тривалого уїк-енду з 8 друзями, сплануй найкращі три варіанти, створи повноцінний сайт, де ми всі зможемо координувати наші вподобання та обрати локацію, а потім, коли зберемося на одну думку, забронюй усе автоматично. Напиши чорновик листа в Gmail, який я можу відправити друзям, коли сайт буде готовий.»
«Добре», — подумав я, скопіював текст і вставив запит у ChatGPT. І вже менш як за дві години мав функціональний веб-сайт із трьома варіантами подорожі, в точності відповідними моїм інтересам.
Виявилося, що обіцянка vibe coding – дати змогу створювати власні корисні додатки без спеціального навчання програмуванню — не так вже й фантастична. Просто потрібен був приклад від топ-лідера OpenAI.
Як ChatGPT допоміг пройти всі технічні труднощі
Я використовував особистий акаунт ChatGPT на тарифному плані Plus за $20 на місяць із налаштуванням GPT-5.6 Sol на максимальний рівень інтелекту.
Через деякий час — а точніше 9 хвилин 47 секунд — ChatGPT повернув список із трьох локацій, посилання для завантаження коду повноцінного сайту, а також чернетку листа.
Рекомендовані напрямки — Santa Ynez Valley, South Lake Tahoe і Todos Santos — вразили мене своєю релевантністю. Два з них вже давно були в моєму списку мрій для подорожі.
Відповідь містила файл README, де було пояснено вміст проекту та інструкції з його запуску і розгортання, але для мене це звучало як закодована загадка.
Я прямо сказав ChatGPT, що технічні слова і кроки для запуску сайту на моєму комп’ютері — абсолютно нові та незрозумілі. Попросив пояснити все максимально просто та поетапно.
Покрокова допомога у запуску
ChatGPT детально роз’яснив, як знайти та відкрити Terminal на Mac (використовуючи комбінацію Command + Spacebar), як завантажити Python та зареєструватися на GitHub.
Далі він супроводжував мене під час розміщення сайту на Render, допоміг протестувати роботу локально і, врешті-решт, зробити його доступним в Інтернеті.
Для початківців такі терміни можуть бути чужими, але з інструкціями ChatGPT все стало зрозуміліше.
Хоч я заплатив Render $7.25 на місяць, пізніше ChatGPT порекомендував безкоштовний варіант розміщення через Cloudflare. Це було б не менш просто для старту.
Також в OpenAI розповіли про функцію Sites, що дає змогу користувачам створювати, редагувати, переглядати і хостити сайти безпосередньо в ChatGPT без додаткових сервісів.
Моя перша веб-платформа без кодування
Всього за кілька годин у мене з’явився власний сайт, який:
- дає змогу друзям створювати профілі та ділитися бюджетами;
- дозволяє голосувати за місце і дати поїздки;
- забезпечує вибір активностей та коментування;
- після голосування автоматично генерує завдання з розподілом відповідальності.
Та що найцікавіше — я не написав жодного рядка коду. Уся робота полягала у копіюванні команд і вставленні їх у Terminal, згідно з покроковими настановами.
Час від часу я робив невеликі зміни. Переніс сайт у робочий простір Sites і за допомогою ChatGPT вдосконалив функції: дозвіл редагувати чи видаляти коментарі, переставив вікно доступу ближче до верху сторінки.
За 14 хвилин ChatGPT вніс всі необхідні корективи та знову опублікував сайт у мережі.
Відкриття світу vibe coding
Запозичення промпту Альтмана дало мені розуміння суті vibe coding — можливості створити саме той цифровий продукт, який потрібен особисто мені, навіть без ґрунтовного знання програмування.
Тепер я знаю, як формулювати свої запити до ChatGPT, аби отримувати прості, дієві інструкції й інструменти для реалізації найрізноманітніших ідей.
Як сказала письменниця Джазмін Сан, майже всі проблеми не мають програмного «образу», але вже починаються з того, що ми починаємо помічати ті, які можна вирішити завдяки додаткам.
Для мене цей перший проект відкрив двері до світу, де можна втілювати власні задумки без зусиль, які раніше здавалися нездоланними.
