Сколько прогаю(и несколько десятилетий до меня) в индустрии один из частых вопросов: "какой стек выбрать?", "что лучше - X или Y?". Но штука в том, что здесь нет правильного ответа

Серьезно, нет такой штуки как "лучший стек для всех". Это как с едой - кто-то любит борщ, а кто-то суши, и ничего, живут же как-то.

Вместо того чтобы гуглить "топ-10 технологий 2024" (спойлер: там всегда будет JS), лучше спросите себя:
- Что я уже знаю и умею?
- Что нужно именно моему проекту?
- Куда я хочу расти дальше?

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

Не бойтесь экспериментировать. Иногда самое "неправильное" решение может оказаться тем самым (можно и наговнокодить местами) Главное - чтобы вам было удобно и проект двигался.

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

#webdev

Вопрос: стек для 💭 TG Webapp 💻

Представим, что я python разраб, немного писал Firebase Cloud Functions на nodejs.

Я хочу написать tgbot с webapp, ничего не знаю про фронт, хочется просто заюзать готовые современные стили.

Вебапп имеет бекенд, который сможет скейлится до 1М дау. На бекенде есть ручка, которая что-то дорогое делает, за что юзер платит кредитами с баланса (например, генерация картинки по промпту). Авторизация на беке через хедер от телеги.

Какой бы ты для этого всего посоветовал стек?

Например:
- взять заботать реакт и node js, взять такой-то туториал/шаблон и забыть про питон.
- бек писать на питоне, фронт взять htmx потому что ...

В целом есть два стула противоположных стека:
- фулстек JS (next.js в целом потянет все что нужно, я даже background jobs queue нашел нормальный)
- фулстек питон с htmx

Давате посмотрим на них:

# next.js
+ в одном месте фронт и бек, они плотно связаны и в целом даже удобно взаимодействуют (тот же trpc, я в шоке был когда нашел, или server actions)
+ есть тонны ui-китов на любой вкус и цвет, оно скорее всего не будет выглядеть как говно даже если ты не фронтендер
+ гибко как с интерактивом на фронте, так и на бекенде
- предстоит заботать новый фреймворк со своими специфичными штуками как сделать Х (можно без этого конечно, но с этим обычно лучше)
= я встречал много шаблонов проектов, с которыми можно почти сразу писать фичи вместо сетапа всего (как раз в посте выше)

# python + htmx
+ более знакомый сетап, скорее всего многие бекенд вещи получится сделать проще (быстрее/эффективнее по деньгам?)
- htmx без допов ограничивает интерактив на фронте (по сути тот же шаблонизатор джанги/фласка, грубо говоря), а с ними - не сильно отличается от реакта
= за шаблоны не могу сказать, не в теме тут, но субъективно их кажется меньше, и htmx в целом кажется более нишевым

общее:
= по перфомансу (селфхостед или клауд) вряд ли одно из решений будет выигрывать (но firebase functions мне кажется слишком дорогими при скейле)
= и там и там много инструментов на любую задачу
= на первый взгляд кажется что у тг вебаппа не так много фронта

----

PS.: еще есть опция сделать фронт на реакте/нексте и ходить в питоновскую апишку (а на vercel в cloud functions можно писать не только на next.js но и на го, питоне или еще чем-то и это может лежать в том же репо), или взять всякие firebase/supabase/etc, но на мой взгляд это больше усложняет итоговую систему и дает иллюзию простоты решения, а на деле проще не становится (а я так пробовал делать)

---

Мнение:
я бы лично делал на next'e, очевидно, но обычно я топлю за то, чтобы брать знакомый стек для начала - это позволяет не тупить в простых вещах и быстрее катить, а потом можно и переехать при желании - тут вопрос в том, насколько есть желание/возможности/необходимость ботать новое

Джентельменский набор для стартапа 2024

t3stack (Next.JS, Typescript, TailwindCSS, Prisma DrizzleORM, auth.js) - для старта, базовый сетап фулстек проекта с авторизацией за которую не нужно платить гуглу/clerk/другим
Также там идет настроенный tRPC, который делает связку бека с фронтом настолько простой, что это становится не сложнее, чем вызвать функцию, быть фулстеком никогда не было проще

shadcn/ui - супер-пупер UI-кит, из коробки красивый, и настолько удобный, что просто no-brainer

Potshog для аналитики, реплея сессий, фича-флагов, опросов и другого
Или Plausible для просто аналитики

Cursor.sh - редактор кода с очень классным copilot’ом
Или обычный VSCode + codeum

Хостить на Vercel
База на neon
Код на GH

Все вместе сетапится минут 10 максимум, и к концу дня у вас production ready MVP

Еще наборы:
Раз, два, три, t4

Где собрать feature votes для своего пет-проекта и построить роадмап разработки?

Сначала self-hosted:

Fider
Есть возможность выбрать реакцию на запрос - запланировано, в процессе, готово и тд
Нет аналитики - только количество голосов
Можно хостить в докере/на хероку
Норм смотрится

Cloud, в которых есть free-план:
Productific
Взял его в первый раз для проекта - довольно удобный, хотя и выглядит не слишком модно
Есть аналитика, топ-фичи и все такое
Можно выносить фичи в роадмап и ченжлог (в sleekplan это платно)
В платном плане кастомизация страницы и небольшие улучшения - сам план не очень дорогой

Sleekplan
Есть аналитика в платном плане
Перетащить фидбек в роадмап в платном плане
Модный, но все нужное в платном плане)


Еще варианты, там только триал и оплата за место/месяц или даже исходя из объема голосующих пользователей, лол
Productboard - этот понравился больше

——

В итоге я думаю, что останусь на productific - платить каждый месяц пока смысла нет, а у него наиболее адекватные фичи к цене

А чем пользуетесь вы для своих проектов или на работе?

—-

2024 Update: для нового проекта мой выбор пал на Canny - бесплатного плана вполне хватит для начала, и выглядит моднее чем productific