Рецепт · AI
Claude Code: сайт від дизайну до CMS Навчись створювати сайти з Claude Code, власною CMS та керуванням через Telegram — і бери за такі проєкти від $800.
Не просто генеруємо код — крок за кроком створюємо реальний сайт, допрацьовуємо його разом з AI та будуємо систему, якою можна керувати без розробника.
$49
разово
15
відеоуроків — повний процес від структури до готового сайту
RU
мова навчання — російська
3 год
контенту без води — лише уроки та практика
∞
доступ без обмежень у часі
Огляд курсу
Подивись, як влаштований курс.
Перед покупкою — переглянь огляд курсу.
Результат
Після проходження курсу ти зможеш.
8 інструментів — усе для створення сайту від дизайну до CMS.
- 01
Створювати структуру та тексти сайту разом з AI
- 02
Генерувати дизайн сайту прямо у Figma
- 03
Створювати сайт і власну CMS через Claude Code
- 04
Побудувати повний workflow: Claude → Claude Code → VS Code → GitHub → Vercel → Supabase → Telegram
- 05
Підключати базу даних та керувати контентом через Telegram
- 06
Правильно зберігати API-ключі, паролі та секретні дані
Що ви будете вміти
Від дизайну до сайту з власною CMS.
Створювати структуру та тексти сайту з AI, генерувати дизайн прямо у Figma, розробляти сайт через Claude Code, створювати власну CMS, підключати базу даних, безпечно працювати з ключами та паролями, публікувати проєкт через GitHub і Vercel та керувати сайтом прямо через Telegram.
- Крок 01
Дизайн з AI і готовий сайт
Створите дизайн сайту за допомогою AI — від референсів до готового макета у Figma (Figma + Claude, MCP), дизайн створюємо прямо під час курсу. Потім перетворите готовий дизайн на повноцінний працюючий сайт за допомогою Claude Code і VS Code.
- Крок 02
Власна адмінка й база даних
Створите власну адмінку для керування контентом сайту без готових CMS — під завдання проєкту. Підключите базу даних і сховище (Supabase: Database + Storage), щоб контент сайту можна було змінювати через адмінку, а дані та зображення зберігалися окремо від сайту.
- Крок 03
Безпека і керування через Telegram
Навчитеся правильно зберігати паролі, API-ключі та секретні дані (Environment Variables + Secrets), щоб вони не потрапляли у відкритий доступ. Створите Telegram-бота й зможете керувати контентом сайту прямо з телефону — без входу в адмінку.
Програма й ціна
15 уроків від ідеї до сайту з CMS.
Структура й контент, дизайн з AI у Figma, розробка в Claude Code, GitHub + Vercel, власна CMS на Supabase, QA з AI і Telegram CMS.
- 01
AI-first розробка: від ідеї до працюючого продукту
- 02
Робоча екосистема: Claude, Claude Code і VS Code
- 03
Налаштовуємо AI-середовище для розробки
- 04
Проєктуємо структуру та контент сайту
- 05
Візуальний напрям: референси та перші AI-концепції
- 06
Проєктуємо дизайн сайту з AI
- 07
Figma × Claude: підключаємо дизайн через MCP
- 08
Від макета до працюючого вебпроєкту
- 09
Ітераційна розробка: допрацьовуємо сайт із Claude Code
- 10
Від локального проєкту до Production: GitHub + Vercel
- 11
Проєктуємо власну CMS: інтерфейс адмінки
- 12
Підключаємо Backend: Supabase, Database і Storage
- 13
QA з AI: тестуємо та виправляємо проєкт
- 14
Створюємо Telegram CMS для керування сайтом
- 15
Куди і як рухатися далі
Про мене
Привіт, я Макс.
Створюю сайти й навчаю цього з 2014 року. За цей час зробив 475 сайтів для проєктів у 13 країнах — і далі займаюся реальною розробкою.
Я вчу не просто користуватися програмами. Показую, як створювати сайти цілком, використовуючи AI там, де він справді допомагає.
- 475
- створених сайтів
- 29
- курсів — від Photoshop до Claude
- 1996
- у 7 років вивчив Photoshop
Мені є що розповісти
Усе почалося з дідуся: він викладав графічні програми і в 1996 році посадив мене, семирічного, за Photoshop.
Конференції та зали на 1600 людей, камерні воркшопи з ноутбуками на колінах, сотні проєктів для реальних клієнтів.
За ці роки я навчився головного — пояснювати складні речі простими словами. Тому на моїх уроках зрозуміло з першого разу, і одразу хочеться спробувати самому.
Я взагалі не вмію робити сайти. З чого почати?
З безкоштовного Аперитиву або одного з Практикумів. Вони допоможуть познайомитися з процесом та інструментами без великої покупки.
Тут вчать робити сайти чи працювати з AI?
Насамперед — створювати сайти.
AI — один з інструментів, який допомагає пришвидшити розробку. У різних курсах ми вивчаємо окремі платформи й задачі, а в програмі «Шеф» розбираємо весь процес створення сайту під ключ.
Чи потрібно знати програмування?
Ні. Вчити код не доведеться.
На курсах ми розберемо лише основи — рівно стільки, щоб ти розумів, з чого зібраний сайт: і той, що конструюєш сам, і той, що пише за тебе AI. Не завчати, а читати й розуміти, що відбувається.
Коли починається навчання?
Коли тобі зручно. Усі уроки в записі — починай будь-якого дня й дивись у своєму темпі.
Тут більше практики чи теорії?
Практики. Я сам створюю сайти для клієнтів і в уроках показую, як працюю на реальних проєктах, — а не переказую документацію.
Чи буде підтримка?
Так — у Кухнях і в програмі «Шеф», протягом 21 дня.
Допомагаю тим, хто робить: розбираю помилки й питання щодо завдань. Не відповідаю на питання, відповідь на які вже є в уроках, і на смакові — на кшталт «який колір обрати для сайту».
В Аперитиві, Практикумах і Рецептах підтримки немає.
Чи зможу я брати замовлення після навчання?
Так — якщо не просто дивитися, а робити. Курс дає систему й навички, але результат залежить від твоєї практики.
Допомагаєте шукати клієнтів?
Ні. Я даю систему роботи над сайтами, а шукати клієнтів і домовлятися з ними — твоє завдання.
Але в програмі «Шеф» ми багато говоримо про те, як і де їх шукати, — щоб ти не залишився з навичками, але без замовлень.
Чи можна купувати курси окремо?
Так. Обирай тільки те, що тобі потрібно. А якщо береш кілька курсів, калькулятор автоматично застосує доступні знижки.
Що входить до «Усього меню»?
Три Практикуми, обидві Кухні та програма «Шеф · AI Website Creator».
$318 замість $454.
Бонусом — курси Photoshop і Spline.
Додатково — постійна знижка 20% на всі «Рецепти».
Чи є розстрочка?
Так, можна оплатити частинами від ПриватБанку — за допомогою картки ПриватБанку.
На сторінці оплати оберіть «Оплата частинами» та кількість платежів, вкажіть email і номер мобільного. Далі підтвердіть платіж на сторінці ПриватБанку — після підтвердження буде списано суму першого платежу.
Щоб оплатити всю суму одразу, натисніть «Інший спосіб оплати» → «Оплата карткою».
Я вже купував курси. Чи є знижка?
Напиши мені особисто перед оплатою. Я врахую попередні покупки й розрахую вартість індивідуально.
Чи можна повернути гроші, якщо курс не підійшов?
Ні. Після оплати ти одразу отримуєш повний доступ до уроків, тому повернення не передбачене.
Щоб не помилитися, перед покупкою переглянь програму курсу та публічну оферту. А подачу й формат можна оцінити безкоштовно — в Аперитиві.
Чи можна оплатити з іншої країни?
Так. Якщо з оплатою виникнуть труднощі — напиши мені в Telegram, підкажу варіанти.
Я оплатив курс, але після оплати нічого не сталося. Що робити?
Не хвилюйся — платіж пройшов, і я його бачу.
Майже завжди, у 99% випадків, причина одна: під час оплати вказано неправильну пошту. Уся інструкція й доступ до курсу завжди приходять на пошту — перевір адресу, яку вводив, і папку «Спам».
Якщо листа немає — напиши мені в Telegram, розберемося.