В данной статье я расскажу, как была создана данная платформа при помощи нейронок!
Мы поговорим о программировании с помощью Chat GPT и их новым инструментом Codex (довольно подробно рассказал, как начать с ним работать).
Для решения данной задачи задействованы:
- Chat GPT Plus (платная подписка)
- Chat GPT o3
- Chat GPT o4-mini-hight
- Codex
- DeepSeek
- DeepThink (R1)
Я уже давно пишу код с помощью Chat GPT. И даже когда-то ставил эксперимент и писал сайт только через нейронку не залезая в код с помощью Chat GPT 4o, но такой подход подойдёт для создания одностраничного сайта, для чего-то большего вам обычный Chat GPT не поможет. Но дальше я расскажу вам об инструменте Codex от Open AI, там мы и ответим на вопрос, может ли нейронка полностью программировать за нас.
И давайте сразу определимся, я решил делать платформу сайтом, и мы будем смотреть на всё через призму нового сайта-платфромы (приложение на телефоны, это планы на будущее)
Приступим!
Давайте для начала опишем наш план действий:
- Подбираем стек технологий для нашей платформы
- Придумываем дизайн и архитектуру сайта-платформы
- Делаем каркас фронта
- Создаём бэк под наш фронт
- Натягиваем фронт на бэк
Да, порядок такой, так как я разрабатываю один и сначала сделаю внешнюю часть сайта, скорее всего отклонюсь от изначально заданного референса, а уже потом сделаю под фронт бэк.
Подбираем стек технологий для нашей платформы
Для создания нашей платформы я буду использовать Chat GPT Plus (платная подписка), так как нам будут безлимитно доступны Chat GPT o4-mini-hight, Chat GPT o3 и Codex, которые хорошо пишут код, могут искать в интернете, лучше всего выдают обдуманный большой блок кода (личное наблюдение)
Давайте попросим у Chat GPT подобрать нам наилучший стек технологий:
Запрос Chat GPT o3 + поиск в интернете:
→ Юзер:
Я разбираюсь в нейронках и хочу сделать это своим делом, с помощью которого буду зарабатывать. Сейчас у меня есть канал в ТГ на 1500 человек. Люди не активные, но читают посты. Изначально канал называется 🤖 Искусство диалога с Chat GPT: Примеры, рекомендации, практические советы и кейсы. Он позиционировался как канал, где будут новости по Chat GPT, можно будет в лёгкой и понятной форме почитать о нейронке и понять, что она может и как с ней работать. Так же, контент позиционировался на бесплатной версии Chat GPT. Сейчас же я на постоянной основе пользуюсь Chat GPT по подписке и отчасти по этой причине перестал писать посты, так как посчитал, что они уже не подойдут в формат данного канала. Теперь же я хочу плотно заняться различными нейронками, а не только одной. Для этого хочу полностью переделать формат канала и начать делать много нового крутого! Я хочу сам сделать форум. Я умею писать на python. Твоя задача придумать стек технологий на котором мне стоит сделать платформу?→ Chat GPT:
Стек для собственной платформы-форума о нейронках
Зона Технологии Коротко — зачем Бэкенд (Python) FastAPI + Pydantic + SQLAlchemy 2 Быстрый REST/GraphQL, WebSocket-поддержка, async-IO. Django-admin (отдельный сервис) Из коробки CRUD для модерации контента. Реальное время / push Uvicorn (ASGI) + WebSockets (FastAPI), либо Django Channels Лайв-комменты, уведомления. База данных PostgreSQL ACID, JSONB для гибких полей. Кэш / очередь Redis Кэш, rate-limit, брокер для Celery/RQ. Фоновые задачи Celery (broker = Redis, backend = PostgreSQL) Расчёты, ML-инференс, e-mails. Поиск Meilisearch либо ElasticSearch Быстрый полнотекстовый поиск по постам. ML-слой PyTorch + Transformers (HuggingFace) + onnxruntime для продакшена Эксперименты и деплой inference. Фронтенд Next.js + React (TS) SSR/SSG, SEO, удобная работа с WebSockets и API. TailwindCSS + Headless UI Быстрый адаптивный UI. Auth & API-security JWT (fastapi-users) / Django-allauth; OAuth2 для сторонних логинов Безопасность, соц-логины. DevOps Docker Compose → Kubernetes (k3s) при росте Локальная разработка и масштабирование. GitHub Actions CI/CD: тесты, линтеры, автодеплой. Traefik или NGINX Ingress TLS, rate-limit, сервис-дискавери. Мониторинг Prometheus + Grafana, Sentry Метрики, алерты, трекинг ошибок. A/B, аналитика PostHog / Plausible Понимать, что читают, где отваливаются. Как склеить
- Монорепа с папками
/backend,/frontend,/infra.- Запускай всё через Docker Compose, один
.envдля конфигов.- Развертывание:
docker compose upлокально → GH Actions → VPS / cloud (k3s).- Храни секреты в HashiCorp Vault или Doppler, не в Git.
- Для ML-фич (резюме постов, тэги, чат-бот) ставь отдельный сервис-воркер (Celery).
- WebSocket-шина:
/ws/forum/{thread_id}для лайв-обновлений, Redis pub/sub.- CDN (Cloudflare) для статики и изображений.
Почему не готовые движки?
- Discourse/Flarum ≈ Ruby/PHP, сложнее кастомизировать под ML-эксперименты
- Собственный стек даёт контроль, можно быстро вкручивать новые модели и функции.
Порядок внедрения
- MVP: FastAPI + PostgreSQL + Next.js, без Celery, поиск – Meili.
- Подключи Redis + WebSockets для онлайна.
- Как появятся тяжёлые задачи – Celery + GPU/CPU воркеры.
- Когда аудитория вырастет >10k DAU – переход на k3s, autoscaling, Prometheus.
Такой стек остаётся полностью на Python, даёт скорость разработки и не привязан к специфической платной платформе.
Вот у нас уже есть план, и дальше на него мы будем оглядываться.
Приступим к программированию
Для начала, чтобы примерно понимать, что я хочу, мною был сделан набросок сайта


Это примерный набросок, чтобы в ходе разработки можно было ориентироваться на него и чтобы было что показать Chat GPT.
Начинаем программировать
Тут будет 2 этапа:
- Создаём основу сайта.
- Дорабатываем точечно.
Почему мы делим?
В этот раз я решил воспользоваться новым для меня инструментом от Open AI "Codex". Но он не умеет воспринимать файлы и каждый его ответ занимает в разы больше времени, чем ответ того же "Chat GPT o3" или особенно "Chat GPT o4-mini-hight", который работает очень быстро. И перед тем, как перейти к "Codex", я решил сначала накидать основу платформы в "Chat GPT o4-mini-hight" передав в него мои наброски дизайна.
Почему не написать тогда весь код в "Chat GPT o4-mini-hight" или другой модели?
Когда код переваливает за 250 строк, то каждый запрос это рандом, сделает ли Chat GPT то что ты от него требуешь или же сделает из 300 строк кода 100 строк и скажет, что всё поправил (НЕТ, она всё сломал).
Создаём основу сайта
Началось всё с простого запрос
"""создай мне сайт по моему рисунку Один рисунок версия для телефона, другой для пк Напиши готовый код который я могу просто запустить на холсте и увидеть готовый сайт, пока без бэка""" + Фото

Думаю у многих вопрос: "А что это за редактор кода я показываю?" А это "новая" фишка Chat GPT - Холст. Вы можете попробовать сами написав:
Напиши мне минимальный код html на холсте
Нажмите на кнопку в правом верхнем углу, чтобы раскрыть, и вуаля, Холст готов к работе. О кнопках на Холсте я расскажу ниже.

И первая версия сайта, которую мне сделал Chat GPT, это был кошмар! Криво, косо, некрасиво и ощущение, что он не смотрел на фото, что я выслал. Но это норма, в целом, подобного стоило ожидать. Идём дальше.
Юзер:
(Выслал то же фото наброска для ПК)
А теперь внимательно посмотри на референс, что я тебе выслал и повтори в точности
Можешь заюзать какой-нибудь фреймворк

Теперь уже лучше! Не то, что я изначально хотел, но мне было не принципиально сделать точ в точ, так что оставим такой дизайн, он мне даже понравился.
Юзер:
(Выслал то же фото наброска для телефона)
Хорошо Даработай версию для телефона, чтобы она вглядела так, как я тебе выслал, чтобы выбор вкладки был снизу

Ну уже прям нормальная такая основа!
Теперь кропотливо понемногу просим дорабатывать нашу платформу.
Запросов было много! Chat GPT не стоит просить сделать больше одной - двух задач, иначе, большая вероятность, что он не сделает один из пунктов или сломает вообще всё:)
Так что постепенно, запрос за запросом я начал править дизайн, кнопки, наполнять вкладки и тд, чтобы сайт стал в некоторой степени рабочим, чтобы я мог потыкать по всем вкладкам, открыть Форум, тему и чтобы всё работало на стороне фронта так, как задумал. Ну, я думал, что так будет....
Доделав общий вид и перейдя к стилю статей и Форума, все мои запросы на изменения начали ломать мне прошлые правки, так как код начал переваливать за 300 строк, как бы я не старался переформулировать запрос.
Важно, зачастую Chat GPT пишет код не на холсте, а в блоке кода. Это вроде Холст, но он более топроный, так как ваши правки он учитывает плохо, а нам нужен именно холст, чтобы мы могли закинуть туда код и продолждить его изменять.

- Показать изенения
- Откатить назад
- Откатить вперёд
- Копировать код
- Скачать
- Загрузить
- Запустить код
И постоянно откатывая назад после правок, которые всё ломали, я просил снова и снова сделать правки. Поняв, что так работать дальше невозможно, я создаю "новый чат" и продолжил там, посчитав, что это глюки из-за слишком долгой переписки. Открываю новый чат и делаю запрос:
напиши минимальный код html на Холст и запусти
Он написал код, и открыв его на Холсте, я заменил его код на написаный код сайта в изначальном чате. Запустил, работает. Прошу Chat GPT сделать правки, но весь мой код переписывает, заменяя его на тот, что он написал на мой изначальный запрос "напиши минимальный код html на Холст и запусти".
И раза с десятого, разными уговорами типа "я переписал код, прочитай, ознакомься и доработай", я получил положительный результат, Chat GPT увидел код, который я перенёс и мы продолжили правки.
Через небольшое количество правок, начались опять затупы. Я начинал "новые чаты" раз 7 и только под конец нашёл самы классный подход, чтобы продолжить редактировать код на Холсте в "новом чате".
Для создания Холста делам такой же запрос:
Напиши минимальный код html на Холст и запусти
Но, мы должны в Инструментах указать "Напиши текст на холсте" (кнопка есть только в платной версии)

И всё, у нас откроется холст!
В какой-то момент и "новые чаты" перестали помогать. Мы подошли к критической отметке, в ~350 строк кода. Любой зарос скорее что-то сломает, чем исправит. Так что, мы переходим на следующий этап!
Дорабатываем точечно
Подключаем Codex

Если у вас платная подписка на Chat GPT, вы можете увидеть сверху над вашими чатами такие пункты.
Нас интересует Codex!
Как его настроить, я не буду рассказывать в этой статье, а расскажу в другой (она появится позже).
Как по мне, если у вас есть Git и вы хоть немного в нём разбираетесь, то всё подключить у вас не составит труда, но если вы новичок, то я вам не советую без чёткой инструкции лезть, так как помимо того, что код за вас напишет Chat GPT, вам его надо будет запустить у себя, а для этого надо поработать с Git.
Мой путь:
- Открыл Codex
- Подключил Chat GPT к Git
- Создал в Git новый проект (вы можете выбрать уже созданный)
- Дал в Chat GPT к новому проекту доступ
- Склонировал репозиторий на комп
- Создал новый файл index.html
- Поместил в index.html весь код, который мы сгенерировали ранее в Chat GPT
- Запушил правки в Git
Всё!
Теперь мы можем полноценно продолжить работу уже в Codex.
Начинаем работать в Codex
И первое, что я сделал, это попросил создать из одного файла, полноценный проект с архитектурой на Fast API.
Делаем запрос:
сейчас есть файл index.html твоя задача сделать из этого нормальный проект на fast api Пока, надо разделить страницу на css и js компоненты При этом положить в правильные папки, чтобы при запуске fast api подхватить все файлы
И сделать файл main.py в который накидай код пока для запуска основной страницы
И вуаля! Мы получили полноценный проект, который уже можно запустить командой:
uvicorn app.main:app --reload
И мы увидим по адресу http://127.0.0.1:8000 наш проект!
Честно говоря, я не ожидал настолько хорошего результата, особенно учитывая опыт выше с Chat GPT o4-mini-hight, когда он плохо переваривает один файл в 300 строк, а тут он сделал около 5 файлов, суммарно на ~600 строк.
Но я иду, запускаю и у меня всё работает без поломок!
Победа!
Продолжаем разработку уже в Codex
Как работать с настроенным проектом
Чтобы начать программировать, надо просто выбрать проект (если вы подключили только один проект, он будет выбран по умолчанию), а дальше пишем, что надо сделать и нажимаем Код.
После этого нас перекинет в процесс разработки:
Когда Codex закончил писать код, чтобы его запустить, надо проделать пару манипуляций.
- Отправить правки в Git
- Если вы только начали доработку в этом блоке, то в правом верхнем углу вам надо нажать на кнопку "Создать PR"
- Если вы уже Создали ветку, у вас будет кнопка "Обновить ветку"
- После отправки изменения, та же кнопка станет кнопкой "Посмотреть PR", нажимаем.
- Откроется Git. Пример можете посмотреть на фото ниже.
- Сверху вы увидите Название вашей ветки и номер ветки после #, запоминаем его.
- Чтобы переключится на эту ветку и протестировать код:
- Открываем консоль.
- Переходим в папку с проектом.
- Запускаем команды:
git fetch origin pull/3/head git reset --hard FETCH_HEADОбратите внимание, что 3, это номер ветки у меня, замените на ваш.
- После обновления кода, для запуска проекта я использую команду:
uvicorn app.main:app --reload
У вас команда может быть другой, зависит от проекта.




Но данный подход, не обновляет код в нашей основной ветке main. Когда мы решили, что правки сделаны и код можно зафиксировать на данном этапе, мы нажимаем кнопку "Посмотреть PR", листаем ниже и нажимаем кнопку "Merge pull request", а потом "Confirm merge".
Всё, ваши правки влиты в основную ветку!
Если у вас полезли ошибки или кнопки нет, возможно, вы делали доработки в нескольких чатах и у вас появились конфликты. Их надо решить руками(
Что такое конфликты в Git и как их решить, я не буду затрагивать в этой статье.
А причина ошибки может быть другая, не обязательно в этом.
Пишем код дальше
К сожалению, изначальный план, накидать полностью внешний вид страницы, у меня не получилось полностью в "Chat GPT o4-mini-hight" так что продолжаем в Codex И как же я был рад продолжить писать в Codex!!!
Пишу сформулированный запрос:
Кнопки которые на основной вкладке не нажатые после выбора визуально
Исправь
И блин, это работает так как ты просишь, почти всегда!!!! Но самое важное, он не ломает тебе код через раз, он делает всё очень аккуратно! Да, нюансы будут, но о них поговорим ниже.
Как по мне единственный большой минус, в отличии от работы с "Chat GPT o4-mini-hight", что нельзя отправить картинку и сказать:
Смотри, отступы которые ты сделал кривые, исправь как я просил.
Это весьма удобно, когда он сам может взглянуть на результат того, что сделал, иначе приходится внимательно и подробно описывать что не так, чтобы донести свою идею.
Дальше, пошёл довольно долгий процесс правок. Чтобы сделать правку надо:
- Сформулировать и отправить запрос на доработку.
- Подождать 2-5 минут.
- Зайти в свой код на ПК и обновить данные с Git.
- Запустить проект.
- Протестировать изменения.
И каждая правка требует сделать все эти шаги, чтобы проверить результат.
В целом, ничего сложного, скорее сумарно, занимает много времени, особенно, если правки небольшие.
Так, запрос за запросом, я добил внешнюю часть сайта, чтобы при нажатии на нужные мне кнопки открывались нужные мне вкладки и выглядело так, как я захочу. Настало время писать БЭК!
Пишем бэк в Codex
Мой дальнейший подход, поэтапно накидывать план, и идти по нему. Первый этап, это подключить глобальные библиотеки, пока кода немного, чтобы при подключении фундаментальных блоков позже, на сломать какие-то мелочи. Сначала заложим фундамент, потом перейдём к мелким доработкам.
План первого этапа БЭКА:
- Подключить БД с запалом на Postgress
- Прикрутить admin панель из django
- Страница профиля
- Сделать страницу
- Сделать авторизацию и разные уровни роли
- Сделать работу со входом
- Кнопка написать сообщение и поле для ввода должны быть кнопкой войти
- Кнопки меню, пока человек не вошёл, там кнопка Войти, потом, профиль и выйти
- Страница авторизации через ТГ бота
Всё шло вообще как по маслу! Давал немного конкретики, получал нужный мне результат. Могло быть так, что результат был, но не так, как я себе представлял, ничего, уточняем, получаем то что надо!
Один раз, я прямо негодовал, что не получается то, что я хочу. Но дело было в том, что у меня закешировался js файл и правки не подгружались в браузере. Один запрос Chat GPT, он сделал правку и мы продолжили, теперь js файлы имеют версию, которая зависит от того, когда был запущен сервак, а значит они не закэшируются.
Всё шло классно и хорошо, но затык.
Затык такой, что я просидел один день над тупой правкой вкладки Чат в Статье. Сначала всё было хорошо, он сделал базу чата, потом подключил Чат к Базе Данных, но потом, я начал просить исправить небольшие косяки, и тут началось. Попросил поправить наложение блоков друг на друга, на что он даже не исправлял то что я просил, а ломал, то что уже было( Всеми правдами и неправдами я просил по разному исправить данное место, но по итогу потратив много времени полез глубоко в код. Открыл в браузере инструмент разработчика и начал сам выяснять, по причине чего, объекты там находятся и так выглядят. И после обнаружений точных причин, отправлял Codex запрос с блоками стилей, чтобы он исправил именно это место. В целом, процесс пошёл, но тоже не быстро. По итогу, мне пришлось самому залазить в код и говорить с Codex на техническом языке, чтобы очень точно доносить ему что надо сделать.
Вайб кодинг
Вайб кодинг - когда написанием программного кода за вас занимается нейросеть, а вам остаётся наслаждаться результатам направляя нейросеть в нужное русло.
Для себя я лишний раз подчеркнул, что без базовых знаний кода и инструментов, "вайб кодинг" будет на низком уровне и вы просто не сможете сделать прикольный и хоть немного сложный проект.
И так, постепенно, платформа наполнялась механиками:
- Чат в Статье
- Лайки на статьях
- Инструмент редактирования статей.
- Регистрация и Вход на платформу через ТГ (моя идея, и как по мне очень удачная!)
- Поисковик по всей платформе
- и тд.
Изначального подробного плана, что конкретно должно получится небыло и многие фишки были добавлены в процессе, когда уже на работающей платформе было просто видно, что этого нехватает, например Лайки.
Конец кодинга
Когда разработка платформы была завершена и правки планировались уже по ходу тестирования платформы узким кругом лиц, пришло время позаботится об алгоритмах, которые помогут моей платформе появляться в поисковых запросах.
Для этого я пошёл в Chat GPT o3 и мы с ним начали сложную беседу на тему продвижения своего сайта в браузерах.
Я работал с этим очень давно и поверхностно, так что информация для меня оказалась новой и очень полезной.
Оказалось, что для продвижения твоего сайта, поисковые платформы должны проиндексировать твой ресурс. Для этого твой сайт должен:
- по ссылке <ваш домен>/robot.txt выдать путь, где лежит файл для индексации ресурса
- по ссылке из пункта выше, вернуть .xml файл, где будет лежать перечень для индексации ссылок с нашего ресурса.
Погрузившись немного в тему, я пошёл в Codex и рассказал, что нам нужно формировать файл robot.txt и .xml файл.
Тадам, через пару запросов, оба этих момента вполне работали!
Вдаваться в детали в этой статье на тему CEO продвижения я не буду.
- Пока сам не так глубоко погружён.
- Не об этом данная статья.
Возможно позже, как у меня появится статистика и понимание, как это работает и я смогу быть уверен в своих словах, данная статья будет дополнена.
Как пишутся статьи на платформе
Изначально, я пытался придумать свой инструмент, как переводить MarkDown разметку в HTML на лету и чтобы были разные фишки, которые мне важны. Например, цитаты, внутри которых можно поместить и таблицу и картинку. Я потратил довольно много времени, но сделал прототип, но он оказался совсем неудобен. Так что я обдумал и решил вопрос координально. Я решил, что готовые статьи буду закидывать в DeepSeek и просить его из Markdown сконвертировать в HTML код. А потом, через редактор на моей платформе подправлять прямо там, добавляя изображения и меняя текст.
Давайте рассмотрим редактор, который был создан мною через Codex:
Функционал редактора
Давайте разберём подробнее функционал редактора.
Мы можем:
- изменить название статьи
- добавить фото заголовка
- выбрать какую часть картинки показать
- написать описание
- выбрать статус
- Опубликована
- Черновик (тогда статья будет видна только адину)
- добавить ещё вкладок на статьи (пример можете посмотреть тут https://neiro-hub.ru/articles/10/edit)
- работать с текстом на вкладках статьи
Снизу вы можете увидеть два блока с текстом.
Слева, это изначальный текст в HTML формате, справа, итоговый вариант, как будет выглядеть статья на платформе. Мы меняем текст слева, он сразу меняется справа. Так же, мы можем скорректировать текст и справа, например грамматические ошибки.
Снизу справа есть 2 кнопки. Это вставить ссылку и вставить картинку. Когда мы выделяем текст и нажимаем Вставить ссылку, то вылетает диалоговое окно, куда мы вставляем нашу ссылку и данный текст автоматически получает ссылку. Когда мы выделяем текст и нажимаем Вставить изображение, мы выбираем фото с устройства, после чего, выделеный текст заменится на выбранное фото.
На данный момент, функционала мне достаточно, но в будущем, я буду его конечно дорабатывать. Если вам нужен будет исходник моего редактора, пишите, я выложу его в общий доступ)
Стоп. А почему мы выбрали DeepSeek? По моим личным наблюдениям, DeepSeek лучше того же Chat GPT правит большие тексты не изменяя их. Chat GPT очень часто правит тексты, даже если ты просишь его это не делать, а вот DeepSeek может без проблем даже большую статью обернуть в HTML при этом не меняя сам текст статьи.
Возможно, можно и даже стоит пользоваться другими нейронками. Если что, пишите об этом в Чате, я обязательно это учту и возможно, даже напишу в будущем статью на эту тему, с сравнением разных нейронок.
Ну вроде как и всё. Платформа написана, стратегия как писать и выкладывать статьи имеется.
А как деплоить ваш проект на свой сервер, я не буду рассказывать в данной статье)
Выводы
Для меня это был мой первый проект в Codex и я был крайне поражён возможностями, которые он для меня открыл. Буквально за неделю, не особо вникая в код я смог с нуля создать целую платформу, параллельно занимаясь написанием статей.
Но в очередной раз для себя подчеркнул, что без своих знаний в программировании, сделать НЕЙРО-ФОРУМ у меня бы не вышло, по крайнем мере на том уровне.
Некоторые подходы, технический язык, понимание, что не так и как правильно направить Codex у меня получались толко благодаря моему немалому опыту в этом.
Без него, сделать платформу стабильной, безопасной, надёжной и функциональной было бы невозможно.
Так что я в очередной раз сам себе доказываю, что нейросетями можно программировать, и даже неумеющий это делать, сможет создать что-то с нуля и оно будет работать. Но без знаний в этой сфере вы сможете сделать очень немногое и либо в процессе вам придётся погрузится глубже и стать чуточку программистом, либо ваш продукт так и останется на уровне прикольной поделки.
НО
Если нейросеть в руках человека, который умеет программировать, вместе они могут быстро и с хорошим результатом сделать невероятные вещи!
А на этом всё)
Подписывайтесь на мой ТГ канал, где будут анонсы и новости мира ИИ.
А дальше будет только интереснее :) 🚀