коротко весь путь, как мы завaйбкодили наш сайт в chatgpt
🤩сначала собрали идею сайта
до кода мы продумали:
— какую структуру хотим
— какие кейсы будут на сайте
— какие тексты нужны
— как показать процесс работы
— какой визуальный стиль хотим
в моём случае сайт сделали в эстетике os: проекты разложены по папкам, а внутри каждого — полноценный кейс.
также добавили выбор цвета интерфейса, анимации, разные состояния элементов и адаптацию под мобильные устройства.
🤩подготовили все материалы
заранее собрали и распределили по папкам:
— видео
— изображения
— обложки
— тексты кейсов
— описание обо мне
— ссылки
— контакты
— референсы
здесь важно хорошо подготовить исходники: чем понятнее структура материалов, тем проще потом работать с сайтом.
🤩сайт собирали локально через codex
для работы с codex нужно установить официальное приложение chatgpt на компьютер. там мы создали проект, подключили папку с сайтом и начали собирать всё поэтапно.
не пытались сделать весь сайт одним огромным запросом: сначала структура, потом визуал, потом отдельные функции и правки.
🤩после черновика загрузили проект на github
когда локальная версия нас устроила, мы создали репозиторий на github (место, где хранится код сайта и история его изменений) и загрузили туда файлы проекта.
🤩подключили github к netlify
дальше зарегистрировались в netlify и подключили туда наш github. netlify забирает код, собирает сайт и публикует его в интернете.
после этого появляется публичная ссылка, которую можно открыть с любого устройства.
вся цепочка выглядит так: codex → локальный сайт → github → netlify → публичный сайт
а дальше уже можно подключить свой домен.
🤩🤩🤩
как видите, нейронка не сделает всё за вас одной кнопкой) просто ai сильно ускоряет техническую часть, на которую раньше отдельно понадобились бы веб-дизайнер и разработчик.
но нюансов всё равно много!
например, когда люди заходят на сайт, расходуется лимит трафика. поэтому сайт важно хорошо оптимизировать, а тяжёлые видео и изображения лучше хранить на сторонних сервисах.
мы уже протестировали на другом сайте один способ сильно уменьшить эту проблему, но это уже отдельная история — не буду вас здесь перегружать))
*сейчас докручиваем технически и потом смогу опубликовать сайт