Опыт в программировании научил меня одному, половина успеха проекта - правильный стек. Не модный. Не хайповый. А для наших нужд тот, на котором AI обучен лучше всего.
Если слово "стек" пока не знакомое - не страшно. Это просто набор инструментов, которыми ты собираешь проект.
Как конструктор: база данных + сервер + интерфейс + всякое между ними. Запомни слово и спроси у Claude "что такое технический стек и зачем он нужен" - он объяснит под твой уровень.
1. React 18 - №1 по популярности. Claude и GPT видели миллионы примеров. Я просто пишу "сделай компонент карточки" и получаю рабочий код, а не франкенштейна.
2. TypeScript - AI видит типы и меньше галлюцинирует. Лично у меня показал себя лучше аналогов, т.к. П1 - много примеров.
3. Vite - Hot Module Replacement. Написал промпт, получил код, увидел результат. Быстрый фидбек-луп = быстрый вайбкодинг.
4. Tailwind - стили прямо в разметке. AI не надо прыгать между файлами. Один контекст = меньше ошибок. Настоящее сокровище и лучше, чем просто CSS.
5. Zustand - 10 строк стейт-менеджмента против 50 на Redux. Меньше бойлерплейта = меньше места для багов AI.
6. Framer Motion - декларативные анимации. Описываешь что хочешь, а не как. Идеально для промптов.
7. NestJS - структура из коробки. AI любит паттерны, аут их много и они консистентные.
8. Prisma - type-safe ORM. Схема как единый источник правды. AI точно знает, какие поля есть, чтобы не было галлюцинаций и лишних полей.
9. PostgreSQL - классика. Документации море, примеров море, мой AI справляется отлично.
10. Railway - git push и в проде, деплой не должен быть дл тебя отдельным квестом. Плачу в месяц по 5$ из-под капота логи, быстрое подключение любых шаблонов: от БД до админок.
Чем больше примеров видел AI, тем лучше код. Чем строже типы, тем меньше галлюцинаций. Чем декларативнее синтаксис, тем проще объяснить промптом.
У кого-то совпал стек со мной? 🤔