Сделал сайт за 6 часов без опыта в программировании

Давно хотел замутить новостной сайт. Всё время что-то мешало: то времени не хватало, то денег, а чаще всего и того, и другого. Тянул, откладывал, но мысль всё равно не отпускала.

Итак, собрал волю в кулак, купил домен за тысячу рублей, взял подписку на Тильду за 6 тысяч на год и стартанул.

Сначала пошёл самым простым путём: взял готовые шаблоны, которые даёт Тильда. Важно было быстро выкатить рабочий вариант.

Буквально за день-два собрал сайт, параллельно писал первые новости, чтобы не было пустых блоков. Вот что получилось:

Поюзал сайт недельку и понял — что-то не то. Вроде работает, новости выкладываются, но главная страница не цепляет. Стало ясно: нужно переделывать.

Скажу сразу: кодить я не умею, поэтому начал думать. Но потом вспомнил: есть же чатжопит. Слышал, что он справляется с таким неплохо. Решил попробовать, и вот тут понеслось.

Конечно же получилось говно. Это прям радость для тех, кто думает, будто нейросети возьмут и заменят всех подряд. Ага, хрен там плавал. Дальше поймёте почему.

Поначалу казалось: сейчас накидаю пару запросов, и мне сразу соберут идеальную главную страницу. Но реальность оказалась другой: то теги не закрыты, то блоки съезжают, то картинки не грузятся. Вроде бы всё просто, а на деле — бесконечные косяки.

Адскими муками родился первый вариант страницы:

Чё-то как-то говно получилось, не находите? Мне тоже так показалось. Короче, пошёл я править код дальше.

Тут началось самое интересное: каждое исправление тянуло за собой новое. Исправил заголовок — сломался блок. Подогнал картинки — поехала верстка. Такое ощущение, что играю в «дженгу»: вытаскиваешь одну деталь, и вся башня качается.

Потом до меня дошло, в чём затык. Я же все новости (да и вообще весь контент) пилил в Тильде через «потоки». Делал это ради скорости и чтобы не упереться в лимит в 1000 страниц, который Тильда ставит в любом тарифе.

В потоках можно наклепать хоть 100500 новостей, а система всё равно засчитает это как одну страницу. Но вот с кодом и отображением началась своя свистопляска.

В итоге я решил подрубить RSS-потоки прямо к коду. Казалось бы — че такого, новости сами тянутся, сайт живёт и обновляется. Но, как водится, именно тут началась лють.

Затем я подгрузил еще два потока и в итоге у меня случился сайт:

Хотя, по-честному, сайт всё так же выглядел говняным. Такое выкатывать — ну вообще кринж. Максимум для теста или «для себя посмотреть».

Кророче, попросил чат накидать мне макетов:

Выбрал я вот че:

И получилось… вот че:

Вроде неплохо, но нужно допиливать: там косяк, тут косяк, все не нравилось.

Короче, понеслась работа с чатом: то «скрой ссылки», то «поправь картинку», то «проверь код». Сделал одно — вылезло другое. И так по кругу раз n-дцать.

Каждый раз что-то съезжало, ломалось, скакало. Исправляешь блок — рушится верстка. Добавляешь картинку — она не грузится. Меняешь шрифт — пропадает кнопка. Короче, «день сурка».

В общем, потратил я примерно на эти танцы с бубном не поверите — часа три.

В итоге я доправился до того, что половина страницы снова оказалась нерабочей. Всё улетело в разные стороны, как после взрыва.

И снова я начал работу с чатом:

После еще некоторого времени решил бросить это гиблое дело — исправлять исправленное. Начал скидывать примеры других новостников. Взял МК для ориентира. Потом глянул на Forbes. Хотелось взять лучшее от обоих и хоть как-то подогнать под свой проект.

Вышла какая-то хрень. Это был не «Московский комсомолец», а говно на палке. Хотелось, чтобы смотрелось как солидный новостник, а получилось будто я собрал коллаж из того, что кто-то срыгнул после плотного завтрака.

Потом была куча попыток повторить дизайн других новостников. Но сразу скажу — идея так себе. Смотришь на МК или Forbes, а у тебя всё равно выходит хрень.

В итоге я забил на копирование и вернулся к первоначальной идее: просто попросил чат накидать мне разные варианты макетов. Без подражания, чисто «с нуля».

И вот тут уже стало проще. Из кучи предложенных схем выбрал тот макет, который показался наиболее удобным именно для моего сайта.

Вот конечный вариант, который я стал допиливать:

Но тут появилась очередная проблема: не подгружает картинки. Попросил чат исправить ситуацию.

И все равно результат не улучшился. Тогда я переключил чат в режим Thinks и повторил запрос, на что чат выдал такую фразу:

Ну ок. Копирую код в Тильду:

Пока чат генерил код, вспомнил про DeepSeek. Я пошел и попросил его: «посмотри код чатажопити и поправь». Он думал долго, расписал пошагово, как великий архитектор. Иииии… Ошибка. Пустой экран, ноль, зиро, ничего, тьма, пустота…

Хотя к концу все же дипсик выдал…И я охренел: код нерабочий, потому что в нем оказался где-то не закрытый тег. То есть дипсик потратил на генережку 20 минут, чтобы где-то пропустить тег. Фиаско.

Дипсик не может написать код с первого раза

Снова иду в дипсик и говорю:

Пока он думает, я возвращаюсь к чату, копирую в него код и вставляю в Тильду.

О….Хвала Господу:

Вроде все норм, только мне не нравится, как выглядит раздел «сейчас читают». Прошу исправить отображение даты в этом разделе.

Пока ждал готовый код от чата, вернулся в дипсик, а он сдох окончательно — китайское говно не хотело заводиться:

Ну да ладно…

Вернулся я опять к чату и он предложил мне такой вариант отображения дат:

Ок, пробую. Хотя с опаской, потому что снова любая правка может все разорвать на куски.

В это время дипсик спал вечным сном. Он так и не дал мне готовый код. Но на этом я бросил все и попросил чатжопиити исправить баги за китайским другом:

Попробовал загрузить код в Тильду:

Более-менее рабочий вариант. Но и его нужно дорабатывать. Есть много косяков: с изображениями, с тегами, заголовками, потоками и т.д. и т.п.

В общем я вернулся к уже рабочему коду — предложеный чатом — и продолжил его допиливать.

Попросил чат улучшить код с точки зрения SEO — что из этого получилось, я опубликовал в этом посте → ЧатЖипити заменил мне SEO-шника: как я сэкономил $1 000.

В общем, что у мен получилось, зацените тут: https://financeanalitics.ru/

Ну а в комментах накидайте откликов, будет интересно услышать ваше мнение.

Кстати, я еще попробовал сделать внутренние страницы через код, расскажу че и как в следующий раз. А также покажу, как я настроил кроспостинг в телегу, дзен и еще куда-то…уже даже забыл куда.

Всем спасибо!