Ты описываешь словами, что хочешь. ИИ собирает. Ты смотришь и правишь. По сути у тебя под рукой быстрая веб-студия, а стоит это копейки. Показываю весь путь по шагам
С чего всё начинается
Мы делаем статический сайт. Простыми словами это готовые страницы, которые просто лежат на сервере и открываются мгновенно. Они быстрые, их почти нельзя взломать, а хостинг дешёвый или бесплатный. Для портфолио, лендинга, сайта услуг или блога этого за глаза
Нужно четыре штуки, всё бесплатно и ставится по инструкции с их сайтов. Понимать код не нужно, в этом весь смысл
node --version
Что увидишь: номер версии, например v20.11.0. Число 18 и выше это норма
Создаёшь проект и кладёшь в отдельную папку всё, что обычно отдают дизайнеру. Не идеально и не всё сразу, ИИ работает с тем, что есть, дополнить можно в любой момент
Итог: папка проекта, внутри неё папка с твоими материалами. Дальше ИИ будет брать контент отсюда
Открываешь Claude Code и говоришь, что за сайт хочешь: портфолио, бизнес или личный, чем занимаешься и какое настроение у сайта. Он читает твои материалы и за пару минут собирает основу
Собери статический сайт на Astro. Это [портфолио / бизнес / личный] сайт для [чем занимаешься]. Настроение сайта: [спокойное, тёплое, минималистичное]. Мои материалы лежат в папке проекта. Создай структуру и базовые страницы.
Что увидишь: сайт запустится черновым, с заглушками и минимальным оформлением. Это нормально, сейчас важна основа, а не финал
Ты смотришь на сайт и правишь словами. ИИ вносит, ты обновляешь страницу, смотришь, правишь снова. Так по кругу, пока сайт не начнёт ощущаться правильным
Сделай заголовок крупнее и добавь воздуха снизу Закрепи меню при прокрутке Карточки в три колонки, а на телефоне в одну Фон слишком резкий, сделай мягкий off-white
Всё по одному запросу. Просто просишь словами, остальное он делает сам
Добавь страницу контактов с формой: имя, почта, сообщение. Пусть заявки уходят мне на почту через Formspree. Добавь простую проверку полей.
Настраиваешь один раз автопубликацию, и дальше цикл простой: поменял сайт, сохранил, отправил в GitHub, сайт сам обновился. Никаких ручных загрузок файлов
npm run build
Что происходит: ИИ и GitHub сами собирают сайт и выкладывают его на хостинг. Каждое сохранение это публикация
Сайт на техническом адресе уже работает, но свой домен выглядит по-взрослому. Это настройка пары DNS-записей у регистратора, платформа подскажет какие
Итог: живой сайт по своему адресу, быстрый, защищённый и с автоматическим HTTPS. Всё, готово
Особый случай
Если у тебя уже есть сайт на WordPress, его можно перевезти на этот же подход, со всеми статьями и картинками. Коротко, чтобы не пугало:
Маленький сайт (до полусотни статей) переносится за один диалог. Для большого в стартовом наборе есть готовый скрипт, который делает это массово. Дальше подчищаешь мелочи тем же диалогом: битые ссылки, старые вставки видео, дубли категорий
После запуска
Рабочий процесс не меняется: открыл ИИ, описал, что нужно, проверил, сохранил. Каждая следующая сессия опирается на предыдущие. Типичные следующие шаги
Вот и весь секрет
Всё остальное это повторения. Я показываю, как собираю сайты, приложения и ботов через AI, на живых проектах, без курсовой воды. Иду первой и набиваю шишки, а ты забираешь готовое
Забрать больше на канале