Всех приветствую! Я — Сергей Дмитриев, TypeScript Fullstack разработчик. У меня 17 лет коммерческого опыта в разработке. Здесь я учу программированию, делюсь собственными опенсорс наработками, и просто делюсь опытом. А вообще я создаю стартапы свои и на заказ. Создаю инструменты для разработчиков. Учу программированию. Основатель команды создателей IT-продуктов — SVAG

⭐️ Основной канал devPont в Telegram: https://t.me/devPont
💬 Основной чат devPont в Telegram: https://t.me/devPontChat
📹 VKVideo канал devPont: https://vkvideo.ru/@devPont
📹 Youtube канал devPont: https://www.youtube.com/@devPont

Я год пилил курс по фулстек разработке с нуля на TypeScript, React, Node.js 📚 141 урок, 28 часов видео. Курс получился хороший, все кто проходят рады и пишут положительные отзывы. Я пытался его продавать, в лучшем случае у меня получалось отбивать рекламу в ноль. Короче, я хороший разработчик, я хорошо доношу материал, но я плохой маркетолог. Все эти таргеты, ретаргеты, воронки, шморонки — тоска зелёная. Так что, просто дарю! С Новым Годом, дорогие разработчики! 🎄🥳

Цель обучения — создать проект с нуля, изучив и применив технологии и архитектуру, которые обеспечивают качество и масштабируемость вашего кода, скорость разработки, а также удовольствие и радость от процесса.

Стек технологий: TypeScript, React, Vite, Node.js, pnpm, Express, tRPC, PostgreSQL, Prisma, Formik, Zod, Jest, Prettier, ESLint, Stylelint, SCSS, Husky, React Router, Cloudinary, AWS S3, MJML, CRON, Winston, Balsamiq, Sentry, Mixpanel, Cloudflare, Docker, DataDog, Heroku

Доступ: SVAG, Степик, VKVideo, Youtube
Поддержка: Чат, Канал

https://habr.com/ru/articles/870670/

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

Представляю мой новый курс «Основы JavaScript на примере реальных проектов» https://stepik.org/a/249700 Я взял за основу существующий бесплатный учебник Ильи Кантора https://learn.javascript.ru/ Отобрал те уроки, которые нужно изучить, чтобы мочь перейти к написанию реальных программ. И на каждый из этих уроков записал видео, в котором я показываю куски кода в моих реальных проектах для иллюстрации пройденной темы.

Все существующие курсы по JavaScript очень хороши, но по окончании прохождения таких курсов по прежнему остаётся огромная пропасть между полученными знаниями и умением применить их в реальных проектах. Своим курсом «Основы JavaScript на примере реальных проектов» я хотел вам эту пропасть показать, и сократить её, наделив вас нужными знаниями для перехода к написанию реальных программ.

Знаний полученных в этом курсе достаточно, чтобы перейти к прохождению моего другого бесплатного курса «Фулстек-разработка веб-сервиса на TypeScript, Reaсt, Node.js» https://stepik.org/course/210768/promo который уже сделает вас настоящими программистами, способными создавать проекты с нуля и решать реальные проблемы разработки.

Всем привет! Я уже давно разрабатываю свой фулстек тайпскрипт фреймворк + бойлерплейт вокруг него. Хочу в ближайшее время начать освещать этот процесс, а релиз планирую в ближайшие несколько недель.

Релизить буду через статьи на хабре и видео на ютуб/вк. В момент релиза уверен, что будет повышенное внимание к этому каналу и другим моим площадкам. Хочу к этому моменту оживить эти каналы, но я крайне неопытен в ведении социальных сетей. Надеюсь с вашей поддержкой разобраться, о чём и в каком формате стоит писать/записывать видео.

Буду признателен за ответы на эти вопросы и вообще любые другие советы по ведению канала:
1. О чём в сфере разработки вы хотели бы читать в канале, какой направленности темы?
2. Какие ещё разработческие каналы (можно прямо ссылки) вы читаете, о чём там пишут, и что в них цепляет?
3. Как часто выкладывать посты, чтобы канал не хотелось поставить в мут?
4. Есть ли интерес к видео кружкам в канале, о чём там интересно слушать/смотреть?

Спасибо, что прочитали. Вот вам за это полезность.

Добавьте это в ваш .bashrc или .zshrc, и сможете в терминале, набрав часть команды, прыгать по словам с нажатой клавишей ⌥ + ←→:

bindkey '^[[1;3C' forward-word
bindkey '^[[1;3D' backward-word

Для винды/линукса возможно комбинация другая, но идею вы поняли, можете посоветоваться с GPT и назначить нужный вам биндинг.

Вообще для прыжков по словам есть свои комбинации клавиш в терминале, но у меня уже часть перезабинжена, и это неудобно, а к ⌥ + ←→ я привык навигироваться в самом редакторе кода.

Готовлюсь к запуску фреймворка и библиотек. В связи с этим у меня ребрендинг. devPont был уж очень надуманным, хочу чего-то аутентичного. Буду позиционироваться как инди разработчик TypeScript стека. Никней будет "1gr14", читается как Игрич, производная от Игоревич. Потому что я Сергей Игоревич Дмитриев, ну и в играх у меня такой ник давно. Запуск через 1–2 недели. Тогда обо всём подробнее расскажу. Сейчас отписался, чтобы никого не смущать переименованием канала 🙂

А ноль в аватарке, потому что главный продукт Point0. А в Point0 ноль потому что там весь бэкенд и фронтед растёт из одного файла, то есть как бы из нулевой точки

Хочу анонсировать свой фреймворк Point0. Это первый Bun FullStack фреймворк сопоставимый по функционалу с Next.js и TanStack Start. Однако, имеет кардинально другой DX, ради которого и был создан.

Мне всегда не нравились существующие фреймворки, особенно Next.js и Remix (React Router). Но я думал, что, видимо, по-другому фреймворки просто не получаются, поэтому и не делают. А громоздкость, чужие строгие соглашения, неповоротливость архитектуры, это просто необходимое зло, с которым я должен смириться.

В какой-то момент во мне накопилось критическое ощущение, что всё же должно быть совершенно по-другому. И я подумал, а напишу-ка я псевдокод на воображаемом фреймворке, который бы меня устраивал, вообще не взирая на возможность реализации. Просто буду писать проект, будто бы идеальный фреймворк существует.

И получилось так здорово, что я просто забыл обо всём на свете и 10 месяцев пилил реализацию этого фреймворка, а 3 месяца назад даже уволился с работы, чтобы уже скорее его добить. И вот добил, и хочу поделиться с вами.

- Полная статья на хабре: https://habr.com/ru/articles/1054310/
- Исходный код: https://github.com/1gr14/point0
- Доки и примеры: https://1gr14.dev/point0
- Видео-обзор на YouTube: https://www.youtube.com/watch?v=lhZ6eWMXMdg
- Видео-обзор на ВК видео: https://vkvideo.ru/video-227165132_456239210

⬇️⬇️⬇️

Благодарю, что ознакомились с устройством фреймворка Point0. Я не показывал этот фреймворк никому в течение всей его разработки, поэтому я понятия не имею как он воспринимается другими разработчиками. Буду признателен вашей поддержке и обратной связи:

➡️ Напишите в чате сообщества, что вам приглянулось во фреймворке, и нашли ли в нём что-то уникальное для себя, чтобы я порадовался и понял, что именно во фреймворке нравится вам, и мог доносить до других.
➡️ Напишите в чате сообщества, что вам не нравится, что смущает в самом фреймворке. Если это просто недопонимание, объясню как устроено. Если это поправимый косяк, поправлю. Если это ограничение самого дизайна, отмечу для себя, чтобы знать и иметь в виду слабые стороны.
➡️ Помогите попасть в тренды гитхаба, пожалуйста. Просто поставьте звездочку на репозитории фреймворка: https://github.com/1gr14/point0
➡️ Помогите зафорсить твиттер (X) тред, пожалуйста. Повзаимодействуйте с тредом, оставляйте лайки, ретвиты, комментарии, подписывайтесь на тред: https://x.com/s_1gr14/status/2072234966319051002

Хочу запустить закрытую интенсив-группу по созданию SaaS продуктов с нуля на фреймворке Point0 и бойлерплейте Start0.

Цель:
⭐️ Создать и запустить реальный SaaS продукт.
⭐️ Научиться использовать агентов, как программисты, а не как вайбкодеры.
⭐️ Научиться учиться новому в процессе создания проектов с нуля.

Инструментарий:
⚙️ Фреймворк Point0, который, я уверен, лучше всех других подходит для создания проектов с нуля в одиночку или малой командой: https://1gr14.dev/point0/latest/overview
⚙️ Бойлерплейт Start0, который построен вокруг Point0, и имеет все нужные модули: авторизация, админка, логирование, метрики, UI-блоки, формы, и прочее: https://1gr14.dev/start0

❓ Формат... У меня есть идеи по формату. Но я бы хотел сделать формат таким, каким его хотите видеть вы. Возможно даже индивидуально подстроить формат под каждого участника. Возможны как групповые, так и индивидуальные занятия. Могу и хочу создавать модули SaaS проектов, которых нет в бойлерплейте, но которые могли бы вам пригодиться. Могу писать код для ваших проектов. В общем, вариантов тьма, а какие актуальны, без живого общения, я понять не могу.

🗓 Во вторник в 19:00 по МСК, кого потенциально интересует участие в закрытой группе, давай встретимся в голосовом чате дискорда. Обсудим какие у вас есть идеи, предложения, пожелания к формату проведения: https://discord.gg/hWgtn58FVv

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

P.S. Как и планировалось какие-то учебные материалы по мере выхода и так будут доступны на сайте, ютубе, вквидео и так далее, речь идёт именно про интенсивный образовательный процесс в закрытой группе, где как раз будет становиться понятно, какие материалы нужны, какие примеры, и т.д.

Представляю вашему вниманию бойлерплейт Start0: https://1gr14.dev/start0

Этот бойлерплейт собран вокруг фреймворка Point0, а также имеет все необходимые модули для старта проекта. Создан для того, чтобы просто вызвать bun create start0@latest и сразу перейти к созданию фич своего собственного проекта, а не тратить время на настройку окружения.

Обзорное видео:
- YouTube: https://youtu.be/edqIpiBG2X8
- VK Video: https://vkvideo.ru/video-227165132_456239211

Встроенные модули:
- Point0: страницы, лейауты, запросы, мутации и экшены, типизированные насквозь — вся база написана по best practices фреймворка
- Авторизация: better-auth — почта и пароль, вход через Google, подтверждение почты, сброс пароля, сессии, связывание аккаунтов
- Админка: управление пользователями с фильтрами и курсорной пагинацией — просмотр, редактирование, создание, бан, имперсонация
- База данных: PostgreSQL и Prisma 7 — схема, миграции, типизированные JSON-поля и сид-скрипт с правдоподобными данными
- Фоновые задачи: pg-boss внутри процесса — очереди и крон с ретраями, дедупликацией и постановкой в очередь внутри транзакции
- OpenAPI: каждый запрос, мутация и экшен попадают в сгенерированную спеку, интерфейсы Scalar и Swagger под basic auth
- Формы: zod-схемы поверх react-hook-form — готовые компоненты полей, валидация, тосты и алерты на успех и ошибку
- Письма: Resend и react-email — шаблоны подтверждения почты и сброса пароля как React-компоненты, с локальным превью
- Ошибки: типизированные ошибки на Error0 летят с сервера на клиент как JSON, Sentry с обеих сторон ловит всё залогированное
- Логи: структурированные логи на LogTape — читаемые в деве, JSON в проде, почты и токены автоматически скрываются
- Метрики и алерты: Axiom на сервере — все логи хранятся и ищутся через APL, метрика на каждый запрос, алерты на отклонения
- Аналитика: Mixpanel и на сервере, и на клиенте — просмотры страниц, идентификация при входе, серверные события мимо блокировщиков
- UI-кит: React 19, Tailwind 4 и 40+ компонентов в стиле shadcn — таблицы, диалоги, шторки, date picker, тёмная тема
- Пример фичи: Ideas — рабочий CRUD с бесконечным скроллом: лента, создание, редактирование, публичные профили авторов
- Тесты: четыре настроенных сетапа — юнит, DOM, интеграционные и e2e на отдельной тестовой базе
- Деплой: Dockerfile, docker-compose и конфиг Railway. Health check, graceful shutdown, миграции на старте
- Код-стайл: ESLint и Prettier под этот стек — typescript-eslint, правила React hooks, a11y и Tailwind, всё проверяется одной командой
- Настройки редактора: конфиг VS Code и рекомендованные расширения прямо в репозитории

Стек технологий:
- Bun
- TypeScript
- Point0
- React
- Tailwind CSS
- shadcn/ui
- PostgreSQL
- Prisma
- better-auth
- TanStack Query
- Zod
- React Hook Form
- Resend
- Sentry
- Mixpanel
- Axiom
- LogTape
- Playwright
- Testing Library
- ESLint
- Prettier
- Docker
- Railway

Бойлерплейт входит в состав Support Pack, который стоит 10 долларов в месяц или 100 долларов в год: https://1gr14.dev/support

Сравнил фреймворк Point0 и библиотеку tRPC. Сделал это, потому что квери и мутации в Point0 очень похожи по DX на tRPC, но более удобны ввиду того, что всё же Point0 это фреймворк и он может обладать возможностями, которыми библиотека не может:
- Объявлять квери вместе с серверным кодом прямо в клиентских файлах, или наоборот
- Автоматически гидрировать и дегидрировать квери клиент при включении SSR
- В мутациях отправлять файлы автоматически превращая данные в FormData и обратно
- Иметь стабильные индивидуальные урлы для квери и мутаций
- Не заставлять зависать редактор кода при увеличении количества эндпоинтов
- Возвращать в ответах с сервера на клиент целые серверные компоненты или интерактивные острова
- Управлять внешним видом состояний загрузки на страницах и в компонентах

Статья на хабре: https://habr.com/ru/articles/1059310/
Видео на Youtube: https://www.youtube.com/watch?v=0CT9vBzywyg
Видео на ВК-видео: https://vkvideo.ru/video-227165132_456239212?pl=-227165132_5

🚀 Анонсирую закрытое сообщество людей, которые создают свои IT-продукты 👉 https://1gr14.dev/premium

🧩 Каждый создаёт свой собственный IT-продукт
Придумывайте идею сами, или выбираем вместе на бесплатной консультации https://cal.com/1gr14/premium-intro Можете делать реальный проект для запуска своего SaaS, можете делать на заказ, можете делать вымышленный ради обучения.

🧑‍🏫 Наставничество от автора сообщества Сергея Дмитриева
Каждый день на связи и текстом, и голосом в группе телеграм и канале в дискорде. Помощь на всех этапах разработки: выбор проекта, проектирование, разработка, и т.д. Возможны индивидуальные консультации за отдельную плату.

🤝 Работа бок о бок с активными единомышленниками
Все в группе создают свой IT-продукт на том же стеке технологий, что и вы. Общаемся, делимся опытом, помогаем друг другу. Можем привлекать друг друга к участию в своих и/или заказных проектах.

📚 Готовые и заказные материалы
Есть готовые текстовые и видео-материалы по наболевшим темам (пока нет, но будут). Если каких-то не хватает, просто попросите создать их. Новые материалы будут создаваться специально под потребности участников группы.

➖➖➖

⚙️ Формат

💬 Группа в телеграм
Здесь общаемся в любое время по вопросам, связанным с созданием собственных IT-продуктов.

🎙 Голосовые чаты в дискорде
Минимум 5 раз в неделю, иногда по несколько раз на дню, я нахожусь в голосовом чате и помогаю с любыми вопросами.

🧑‍💻 Индивидуальные консультации
Если решение вашего вопроса требует больше 15 минут, вы можете заказать индивидуальную консультацию, условия обсуждаем индивидуально. Также можем разработать с вами индивидуальный план обучения.

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

👥 Групповые занятия
Если появляется тема, которую мы бы хотели обсудить все вместе, проводим групповое занятие в свободном формате: воркшопы, обсуждение темы, и т.д.

📊 Еженедельные отчеты
Каждый участник группы в начале недели отписывается в группу о том, что он сделал по своему проекту, что собирается делать, с какими проблемами встретился, как решил. Объём произвольный. Держимся в тонусе.

➖➖➖

🛠 Инструменты

Фреймворк Point0
Это мой собственный фулстек фреймворк на Bun, React, TypeScript. Он идеально подходит для разработки SaaS-проектов в качестве соло фулстек разработчика.
👉 https://1gr14.dev/point0

Бойлерплейт Start0
Вокруг фреймворка Point0 я создал бойлерплейт Start0. Он включает в себя все необходимые готовые модули для быстрого старта: авторизация, админка, логирование, мониторинг ошибок, UI-компоненты, хелперы для работы с формами, и т.д.
👉 https://1gr14.dev/start0

➖➖➖

💳 Стоимость

Участие в группе — 40$ в месяц
На первый месяц скидка 30%, то есть стоимость составит 28$. Скидка покрывает расходы на покупку доступа к бойлерплейту Start0. Ответы на любые ваши вопросы в группе телеграм и канале в дискорде входят в стоимость. Индивидуальные консультации в стоимость не входят.

Бойлерплейт Start0 — 10$ в месяц или единоразово
Бойлерплейт входит в Support Pack https://1gr14.dev/support Можно купить подписку на Support Pack, и сразу отписаться, бойлерплейт останется вашим навсегда. Подписка на Support Pack нужна только чтобы получать обновления бойлерплейта в дальнейшем.

➖➖➖

📞 Запишитесь на бесплатную вводную консультацию

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

📅 Записаться на бесплатную консультацию: https://cal.com/1gr14/premium-intro

➖➖➖

✅ Вступайте в закрытое сообщество

Будем рады видеть вас в наших рядах. Зарегистрируйтесь через почту или гитхаб аккаунт, привяжите телеграм к вашему профилю и оплатите участие с карты любого банка. Всё это делается на странице сообщества по нажатию кнопок:

👉 https://1gr14.dev/premium

Сделал скилл "/party" для агентов. Пишем в одной сессии и получаем сообщение-приглашение, которое вставляем в другие сессии любых агентских инструментов. Теперь сессии могут переписываться между собой, а также не блокируют ваш ввод в те же сессии. Удобно когда работали одновременно с несколькими задачами, а потом потребовалось "добить" результат, не вгружая контексты сессий друг в друга. Или если сессии на разных машинах тоже пригодится для связи между ними

Видео на ютубе: https://www.youtube.com/watch?v=4IT0oFwGtP4
Видео на вк-видео: https://vkvideo.ru/video-227165132_456239214
Статья на хабре: https://habr.com/ru/articles/1069186/

Реалтайм на WebSocket со сквозной типизацией: TypeScript, Bun, React, Point0

Бывает так: есть фулстек проект, и в нём всё хорошо. Откуда-то есть сквозные типы (tRPC, генерация из OpenAPI), есть авторизация, есть основной функционал. А потом вы решаете добавить реалтайм: уведомление о новом посте в ленте, чат между пользователями, интерактивную доску. И появляется целый новый слой абстракций, в котором надо заново изобрести всё, что в проекте уже есть, только на новый лад. И дальше поддерживать две разные системы.

В своём фреймворке Point0 я добавил четыре новых реалтайм-поинта (структурные единицы наравне со страницами, лэйаутами, квери, мутациями): канал, спейс, клиентский хэндлер, серверный хэндлер. На них собирается практически любая реалтайм-функциональность, кода получается мало, и читается он интуитивно. Эти поинты несут те же свойства, что и все остальные:

- код сервера и клиента живут в одном файле, компилятор вырезает клиентский код из серверной сборки, а серверный из клиентской
- типизация сквозная и выводится из дженериков самого фреймворка, без генерации типов

В статье покажу на примерах, как это работает, и объясню суть парадигмы, чтобы вы могли собрать любое реалтайм-приложение: https://habr.com/ru/articles/1069716/