Как построить Travel Bug: пошаговое руководство по Bolt.new и Mistral AI

Founder Institute 1,3 тыс. 10 мин 3 мин 29.04.2025
Главное

Создание собственного ИТ-продукта сегодня не требует многомесячного обучения программированию или найма дорогостоящей команды разработчиков. В новом обучающем видео Дэниел из Founder Institute демонстрирует, как с помощью связки инструментов Bolt.new и Mistral AI собрать работающее веб-приложение для планирования путешествий менее чем за час. Главная идея мастер-класса — преодоление страха перед «чистым листом» и использование итеративного подхода в работе с нейросетями.

🛠 Выбор инструментов: почему Bolt и Mistral? 0:00

Для создания приложения ведущий выбирает связку из двух ключевых компонентов: конструктора интерфейса и «мозга» системы. В качестве платформы для сборки используется Bolt (доступен по адресу bolt.new). Дэниел аргументирует этот выбор своим обширным опытом работы с платформой и её способностью быстро внедрять новые функции .

Роль «мозга» приложения — большой языковой модели (LLM), которая будет обрабатывать предпочтения пользователя и генерировать персональные рекомендации — отведена Mistral AI . По мнению автора, Mistral выигрывает у конкурентов, таких как OpenAI или Anthropic (упомянутых в контексте личных предпочтений), благодаря своей легкости и высокой скорости работы .

Дэниел дает важный совет по работе с нейросетями: начинать нужно с малого. Согласно его наблюдениям, современные модели имеют тенденцию переусложнять решения при получении масштабных задач. Чтобы избежать создания «Франкенштейна», которого невозможно запустить, лучше сначала реализовать базовый набор функций, а затем наращивать сложность .

💰 Экономика разработки: тарифы и API-ключи 1:28

Разработка ИИ-приложений требует понимания расходной части. Bolt предлагает несколько уровней подписки:

Ситуация с Mistral AI иная. Для получения доступа к «мозгам» приложения через API необходимо создать аккаунт на mistral.ai. У сервиса существует тип аккаунта Experiment, который позволяет пользоваться API бесплатно в ознакомительных целях . Для коммерческого развертывания и масштабирования предусмотрен тариф Scale с повышенными лимитами .

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

✍️ Искусство промпт-инжиниринга: от идеи к Travel Bug 3:23

Процесс создания приложения начинается с написания промпта (текстового задания). Изначально Дэниел формулирует простую задачу: создать приложение Travel Bug, которое помогает находить узкоспециализированные (niche) туристические локации на основе предпочтений .

Однако он признает, что первичный запрос недостаточно детализирован. Bolt предоставляет функцию Enhance Prompt, которая автоматически расширяет задание, добавляя в него:

Интересная деталь: при автоматическом улучшении промпта система иногда «забывает» критически важные детали, например, указание на использование конкретной модели Mistral и API-ключа . Дэниелу приходится вручную корректировать текст задания, чтобы вернуть эти инструкции в работу .

🐞 Отладка и «режим дискуссии» 4:50

Первая попытка генерации приложения показала, что даже продвинутые инструменты совершают ошибки. Bolt изначально создал приложение с «заглушками» вместо реальных данных от ИИ . Более того, при первом тестировании кнопка «Find my perfect destination» просто не срабатывала .

Для исправления подобных ошибок Дэниел использует Discussion Mode (режим обсуждения) в Bolt:

  1. Он описывает проблему: «Ничего не происходит при нажатии на кнопку» .
  2. Ставит четкую задачу: «Я хочу, чтобы ответы генерировались через Mistral с использованием моего API-ключа» .
  3. Bolt предлагает «план действий», включающий имплементацию API и обработку ошибок .

После нескольких итераций и исправлений (включая удаление ненужных блоков и корректировку цветовой схемы интерфейса для лучшей читаемости) приложение начинает выдавать структурированные ответы с советами для путешественников . Автор подчеркивает: постоянный «диалог» с нейросетью и исправление ошибок — это нормальная и неотъемлемая часть современной разработки .

🚀 Деплой и коммерциализация 9:33

Финальный этап создания Travel Bug — это деплой (развертывание), после которого приложение становится доступным в интернете. Для тех, кто планирует превратить подобный прототип в полноценный бизнес, Дэниел рекомендует две интеграции, доступные в Bolt :

В завершении урока Дэниел призывает будущих фаундеров не бояться ошибок: «Лучший способ научиться — это просто начать и совершить тонну промахов. В конечном итоге вы доберетесь до цели» .

💬 Цитаты

«По мере того как модели ИИ становятся всё лучше, у них появляется тенденция переусложнять сборки и решения.»

«Лучший способ научиться делать вещи — это просто начать и совершить тонну ошибок.»

👥 Спикер
🔗 Упомянутые сайты и проекты
📖 Термины
LLM
Большая языковая модель (напр. Mistral или GPT), выполняющая функции «интеллекта» в приложении.
API-ключ
Уникальный идентификатор, позволяющий приложению подключаться к стороннему ИИ-сервису и использовать его ресурсы.
Деплой
Процесс развертывания программного обеспечения на сервере, чтобы оно стало доступно пользователям через интернет.
Промпт
Текстовая инструкция или запрос, передаваемый ИИ-модели для выполнения задачи.
📊 Цифры
⚖️ Другая сторона
Искусственный интеллект Bolt.new Mistral AI Founder Institute API no-code