Серия «Семь чудес нейронного мира»

Потом пришел ucoz и ему подобные шаблонизаторы сайтов, которые позволяли делать, пусть и не очень красивые, но вполне функциональные решения. Даже я, будучи школьником, пользовался ucoz.

И уже в наше время пришла Tilda! Что может быть лучше, чем собрать сайт самому, под свой бизнес? Самому подобрать описания, фотографии, товары. Веб разработчики больше не нужны!

Но что мы видим? Бизнес начинает нанимать людей, которые работают в Tilda, которая создавалась, чтобы бизнесу не надо было нанимать людей... И тут стало ясно, что проблема не в разработчиках. Предприниматели сами не знают, чего хотят, а потому нанимают человека.

Именно сегодня эта парадигма меняется - даже я, не будучи дизайнером, имею возможность делать вполне симпатичные сайты (пусть и не без огрехов, да):

Примеры:
тык https://modelfood.ru/
тык https://viktor-karpenko.ru/

Сенсей, а как и мне сделать сайт?

Начнем с подготовки. В мире программирования и разработки есть расхожая фраза - "на такое тз и результат хз". Ваша задача - открыть блокнот / word / взять листочек и ручку или воспользоваться любым другим инструментом, после чего написать как можно больше подробностей о том, что вы хотите получить.

Помните, нейросеть - это помощник и полезный виртуальный сотрудник. Однако, каким бы крутым сотрудник ни был, если он не понимает, чего вы от него хотите, он ничего вам и не даст.

Пример:
Мне требуется сделать сайт для моего проекта modelfood. Суть проекта в предложении ресторанам услуги по 3D печати блюд из их меню.

То есть, мы будем договариваться о встрече, приходить с 3D сканнером и другим оборудованием, снимать 3D сканы с реальных блюд. Далее, полученные модели печатаем на принтере и раскрашиваем.

Вот фотографии наших продуктов:
Фото 1, Фото 2 Фото 3

Цены на продукты:
Цена раз, Цена два, Цена три

Также, необходимо настроить яндекс и гугл метрику и чтобы сайт был оптимизированным для поисковиков
telegram для связи: xxx
max: xxx
wa: xxx

А теперь возьмите этот текст и... Попросите нейросеть на его основе составить промт!

Небольшая сноска для тех, кто уже готов пойти в комментарии плеваться: я не призываю генерировать (о ужас) ЛЮБЫЕ сайты нейросетью. Тем более, использовать ИИ в чувствительных механизмах, как платежи, обработка персональных данных или что-то еще.

Однако, как показала практика - нейросети отличные дизайнеры. И простенький backend на fastapi им более чем по-зубам, даже без участия специалиста.

Сенсей, промт есть! Что дальше?

Следующий шаг - надо выбрать, кто нам будет делать сайт. Облачных нейросетей есть великое множество, и их отличия не столь очевидны. Некоторые - выдающиеся дизайнеры, другие - делают великолепные 3D модели (об этом в следующих постах), третьи - офигенно пишут код.

По своему скромному мнению, актуальному на 1 сентября 2026 года, могу сказать следующее:

За красивой картинкой - к GPT, за крутым кодом - к Claude.
За методами обхода капчи для парсеров - к Deepseek

Так как первоочередная задача лендинга - быть красивым, мой выбор падает на Chat GPT с подпиской Plus в режиме "Работа" (модель Sol 5.6 Очень высокий).

А пока мы ждем сайт от нейросети, займемся другими, не менее важными вещами: покупкой домена и арендой VPS (компьютера, на котором будет размещаться программа).

По совету своего товарища, более опытного разработчика, для этих целей я использую сервис Timeweb.

P.S. Это не реклама, использовать можно любой другой, удобный вам хостинг. Пишу про тот, которым сам пользуюсь.

Находим в левом меню раздел "домены и SSL"; Потом, сюда

И за сравнительно небольшие деньги арендуем право называться в сети интернет

По сути, сейчас мы арендовали персональную строчку в телефонной книге, чтобы после настройки, когда кто-то искал, например, modelfood.ru, его отправляло не абы куда, а на конкретный компьютер, который показывает кино наш сайт. Позже, мы к этому еще вернемся.

Теперь, надо арендовать сам компьютер, который послужит сервером для сайта.

В левом меню - облачные серверы; Добавляем

После появления у меня второго компьютера (коробочка от Genmachine), я уже давненько не лазил по облачным серверам. Запомните следующую вещь - компьютеру не обязательно отрисовывать красивый интерфейс, чтобы работать. А порой, чтобы лишний раз не "жрать" ресурсы, лучше, когда интерфейса, кроме консоли, нет.

Именно на этом моменте у многих новичков начинается хтонический ужас и паника. Но не бойтесь - с вами я и chat GPT:))

Облачные сервисы, обычно, идут по двум сценариям - выдают вам ip адрес компьютера, пользователя и пароль, чтобы вы могли подключиться напрямую со своего, и/или предлагают браузерную версию консоли (которой очень неудобно пользоваться). Поэтому, более предпочтительный вариант первый.

Сенсей, мне на почту прислали ip, пользователя и пароль. Куда это вводить?

Как и обещал, работаем через консоль. Открываем терминал (в случае Windows, это пкм по значку винды и в появившемся меню тыкаем на "Терминал" или "Powershell").

Нас приветствует вот такое окошко

Выполним проверку на прямоту ваших рук - подключимся по протоколу ssh к цели.

ssh (это команда) root(это пользователь)@1.2.3.4(это ip)

В случае с моим компьютером, находящимся в локальной сети, команда выглядит так:

Если все сделано правильно, вас встретит приветственное окошко

Поздравляю, вы смогли подключиться к арендованному компьютеру, находящемуся где-то далеко от вас. В дальнейшем, нам потребуется через терминал разместить там сайт. А пока вернемся к нейросети

Если вы уже знакомы с python fastapi, можно проверить уже на нашем компьютере, что получилось.

Вышло даже лучше, чем я думал. Честно, даже меня GPT смог удивить, при том, что я не дизайнер, от слова совсем.

Сенсей, ну вот есть домен, есть VPS, есть сайт. А как это все склеить вместе?

А тут нам поможет тот же GPT:)

В тот же чат пишем:

А теперь помоги мне разместить его на сервере, пришли команды. Нужно также настроить сертификат. На сервере установлена Ubuntu. Домен сайта - supersajt.com

Ну и дальше по инструкции.

Как говорят водители о себе: "Знаешь, как называется прокладка между рулем и сиденьем?", здесь мы - прокладка между ИИ и терминалом:)

CTRL + C, CTRL + V в помощь. Возникают вопросы или ошибки? Копируем содержимое терминала, отправляем нейросети в тот же чат. Профит.

Итого, сервер работает. Неплохо. Но сайт пока не открывается.

Вишенка на торте - настроить DNS.

По предыдущей инструкции, заходим в раздел "Домены и ssl" на хостинге, находим свой домен, открываем раздел DNS. Наша задача - оформить запись в телефонной книге в духе:

Ищешь Василия Ивановича? -> Иди по адресу пр. Ленина 87 и крикни под окнами "нюанс".

Советую прямо на этом этапе еще дополнительно получить инструкцию от нашего нейропощника, он вам прям на пальцах объяснит, куда тыкать.

Но если настройка DNS вам не впервой, создаем A запись, указываем IP нашего сервера. И подождать.

Тут важный момент - чтобы получить сертификат, и при подключении по http(!)S вам браузер не говорил гадости, следуйте инструкции GPT.

1. Сначала разворачиваете сервер

2. Потом DNS

3. Потом Certbot

Certbot - программа, которая помогает автоматически получить и обновлять бесплатный TLS-сертификат. Сертификат позволяет браузеру проверить, что он действительно подключился к владельцу указанного домена, а также зашифровать соединение между пользователем и сайтом.

Итого

Если все сделано верно, помучавшись ~3 часа (это если в первый раз), вы получаете очень симпатичный лендинг, который при иных обстоятельствах стоил бы приличных денег. Мои поздравления!

Однако!

Друзья, запомните. Главное правило использования нейросетей - это хотя бы на 50% понимать, что именно она делает. Я даже больше скажу, она способна вас научить это делать и разложить все по полочкам.

Тем не менее, если вы видите в ИИ кнопку "БАБЛО" или "сделай все за меня", будьте готовы к приключениям, как в моем предыдущем посте, посвященном переустановке windows:)

Потом

В следующем посте поделюсь опытом 3D моделирования под фотополимерную печать с использованием облачных нейронок.

До связи!