Transcription
Одной из самых больших жалоб, которые я слышу о Vibe coding apps, является то, что они слишком дороги, особенно для начала. Ну, в этом видео я покажу вам Dyad, мощный инструмент для Vibe кодирования, который вы можете использовать локально на своей собственной машине и использовать его совершенно бесплатно. Спасибо Dyad за спонсирование этого видео. Я очень рад показать вам, что возможно. Итак, здесь, на Dyad.sh. Все, что вам нужно сделать, это скачать Dyad для вашего компьютера. Теперь это отличается от других инструментов, таких как Lovable и Bolt, которые работают полностью в браузере, и я думаю, что это большое преимущество для Dyad. И мне это нравится, потому что весь код размещается на моем компьютере. Все это конфиденциально для моей машины, и мне не нужно беспокоиться о том, что оно будет размещено в облаке. И это также открытый исходный код, что действительно приятно. Так что, если вы более технически подкованы, вы можете зайти и посмотреть на весь код внутри Dyad, чтобы знать, с чем вы строите. После того, как вы скачаете приложение Dyad, вам придется пройти несколько шагов, чтобы скачать некоторые файлы на свой компьютер, чтобы вы могли запускать все это локально. Dyad делает это очень просто с пошаговыми инструкциями. А затем вы окажетесь здесь, и именно здесь начинается бесплатное создание. Здесь мы перейдем к моделям. И здесь есть несколько различных вариантов. Итак, один из них — вы можете использовать локальные модели. Это через Llama. Так что Llama — это, по сути, вы можете просто найти Llama и скачать модели на свою машину, и вы будете использовать модели полностью локально. Для создания приложений, что означает, что вы можете использовать Dyad в самолете без Wi-Fi и все равно сможете Vibe кодировать, используя только свою собственную машину. Теперь вам нужен довольно мощный ноутбук, чтобы сделать это, но это один из вариантов. Теперь другой вариант — Open Router. Теперь Open Router — это веб-сайт, который, по сути, позволяет вам подключаться ко многим различным моделям ИИ. И если мы зайдем в наши настройки и перейдем в наши модели поставщиков ИИ, если вы нажмете на Open Router, вы можете добавить свой собственный API-ключ, который позволит нам использовать бесплатные уровни, доступные на Open Router. Также есть настройка Google, так что, если вы хотите добавить свой Google API. Google предоставляет некоторое бесплатное использование своего API, и тогда вы можете использовать это здесь, в Dyad. Теперь вы также можете подключаться к более мощным API, таким как OpenAI, где вы можете добавить свои собственные API-ключи и просто принести свои собственные API-ключи сюда, в Dyad, или Dyad также предлагает профессиональную подписку, которая даст вам действительно выгодное предложение на многие из этих более мощных моделей, и тогда вам не придется беспокоиться о предоставлении своего собственного API-ключа. Так что у вас есть много вариантов в Dyad. Итак, я собираюсь использовать бесплатную модель Open Router. Теперь вы можете либо нажать на нее, и она выберет одну из них по умолчанию, либо я могу перейти в Open Router и выбрать ту, которую хочу. Некоторые из них стоят денег, и поскольку я использую свой собственный API-ключ Open Router, это просто взимало бы с меня плату. Или я могу использовать эту бесплатную модель DeepSeek, например. И вы можете видеть, что она бесплатна, но данные могут использоваться для обучения, что является одной из причин, по которой эти модели предлагаются бесплатно через Open Router. Итак, мы собираемся выбрать эту бесплатную модель Open Router и отправить этот запрос, который представляет собой приложение для отслеживания сна. И я также дал ему инструкции по дизайну. И здесь Dyad начинает работать для нас. Опять же, это совершенно бесплатно, и он генерирует различные файлы внутри Dyad. Им очень легко пользоваться. У нас есть чат в проекте, так что у вас есть ваши проекты. А затем в рамках проекта у вас может быть несколько чатов. Вы также можете подключить его к GitHub, подключить к Supabase. И вы также можете обновить свое приложение, чтобы оно стало гибридным мобильным приложением с Capacitor. Так что на платформе Dyad встроено много функциональности. Итак, давайте быстро вернемся к чату. И он, по сути, уже создал этот первоначальный MVP и предварительно просмотрит его справа. Позвольте мне быстро объяснить, что еще у нас здесь в редакторе. Итак, сверху мы также можем видеть, есть ли какие-либо проблемы. Если есть какие-либо ошибки, мы можем видеть весь код, который был написан для нас. Мы можем добавлять переменные окружения. Это если у нас есть API-ключ, мы хотим подключиться к OpenAI, мы можем подключить его локально. А затем вы также можете опубликовать, сначала вы подключитесь к GitHub. А затем вы можете опубликовать его на Vercel — все в рамках этой одной платформы. Так что это действительно универсальная платформа, где у вас есть много контроля и много, по сути, как технической настраиваемости, но при этом она очень проста в использовании и бесплатна для начала. Хорошо, так что есть ошибка. Итак, что мы хотим сделать, это нажать «Исправить ошибку с помощью ИИ» и посмотрим, что произойдет. И немного позже я расскажу о функциях профессиональной версии Dyad и стоит ли обновляться, и вот оно. У нас есть наше приложение-макет, готовое к работе. Сладкие сны. Вы можете выбрать дату, сколько часов сна, качество, а затем сохранить. И затем здесь мы можем видеть, что это теперь отображается в нашем фактическом приложении и советы по сну. Так что довольно круто, что это удалось сделать за очень короткое время. Мне даже не пришлось делать паузу в видео и редактировать, что мне приходится делать во многих случаях, когда я делаю такие видео. Все это было сделано здесь. Так почему бы нам не посмотреть, что еще мы можем сделать? Я скажу, например, возможно ли добавить базу данных, чтобы данные были постоянными? Потому что я думаю, что если я обновлюсь. И спущусь вниз. Да, это не будет записано. Так что давайте посмотрим, можем ли мы добавить некоторые из этих более сложных функций. Для этого нам нужно интегрироваться с Supabase. Так что давайте сделаем это и просто посмотрим, насколько легко это сделать с Dyad, особенно если вы привыкли делать это с такими инструментами, как Lovable. Давайте посмотрим, как это работает внутри Dyad. Итак, давайте нажмем «Настроить Supabase», а затем мы авторизуем Dyad на чтение и запись в Supabase. Так что это делает это очень простым для нас. Мы вернемся и откроем Dyad. Теперь он подключается к Supabase и просто создает его в этом проекте. Так что, если вы не знакомы с Supabase, это, по сути, компания, у которой есть отдельная база данных. Она будет независима от Dyad. Что на самом деле хорошо, потому что это означает, что если вы когда-нибудь по какой-то причине не захотите использовать Dyad в будущем, вы можете взять эту базу данных и затем построить на ней где-нибудь еще, так что вы не будете заблокированы в Dyad, как это может быть с другими инструментами. Так что это то, что приятно, если это что-то важное для вас. Итак, мы видим, что теперь он создает даже аутентификацию пользователей. Он создает страницу входа, так что он делает все это сам. И опять же, я использую. Прямо сейчас, бесплатную модель Open Router Quinn three coder, совершенно бесплатную. Я ничего за это не плачу. Итак, он успешно интегрировал Supabase. Давайте попробуем. Я создал запись, так что давайте попробуем зарегистрироваться и посмотрим, работает ли это. У меня есть ощущение, что он попросит меня подтвердить свою электронную почту, но давайте посмотрим. Хорошо, так что да, он говорит проверить мою электронную почту, чтобы подтвердить учетную запись. Так что я скажу, уберите функцию подтверждения учетной записи. Я сделаю то же самое на Supabase. Так что, по сути, по умолчанию Supabase хочет, чтобы вы подтвердили свою электронную почту при регистрации. Но здесь он уберет это для нас. И я также зайду в Supabase. Это просто в настройках проекта под аутентификацией, чтобы просто настроить это так, чтобы не требовалось подтверждение по электронной почте. Хорошо. Он говорит, что исправил это. Так что давайте попробуем еще раз и посмотрим, сможем ли мы зарегистрироваться. Хорошо, отлично. Наша учетная запись создана, а теперь давайте запишем сон. Качество сна. Сохранить. И вот оно. Это пятница, 10 октября. Теперь давайте обновим, и оно все еще там. Отлично. Итак, примерно за 10 минут мы создали полностью функционирующее веб-приложение с аутентификацией пользователей и серверной базой данных. Все с Dyad и на 100% бесплатно. Мы просто использовали бесплатные модели через Open Router, что довольно удивительно. Мы можем даже опубликовать его, и теперь я мог бы подключить его к GitHub и развернуть на Vercel, и все это снова было бы бесплатно. И тогда у вас может быть собственное веб-приложение, которое другие люди также могли бы использовать для отслеживания сна. Так что мы сделали все это полностью внутри Dyad. Итак, быстро, если вы решите перейти на профессиональную версию Dyad вместо бесплатной, вы получите кредиты ИИ. Так что вы получаете кредиты ИИ, не имея дела с API-ключами. Эта функция, я думаю, лучшая функция, на мой взгляд, — это умный контекст. Он автоматически включает наиболее релевантные файлы из вашей кодовой базы, особенно если у вас действительно большая кодовая база, вы добавили много функций, это станет более ценным. С тем, что мы построили до сих пор, это не поможет вам слишком сильно, потому что у нас пока не так много кода. Но если вы работаете над действительно большими проектами, вы сможете сэкономить деньги, потому что вы не будете использовать столько контекста каждый раз, когда отправляете сообщение, и вы получите лучшие результаты, потому что вы получите лучший контекст. А также турбо-модели, которые дают более быстрые результаты, что тоже довольно круто. Так что это три вещи, которые вы получаете, если решите заплатить, но в остальном вы можете полностью использовать Dyad с одной из бесплатных моделей. Или вы можете принести свои собственные ключи и даже использовать такие модели, как GPT5. Codex даже, который является самой мощной моделью кодирования ИИ. Но вам придется платить за это через API OpenAI. Я надеюсь, вам понравилось это видео. Большое спасибо за просмотр. Оставьте комментарий ниже, чтобы сообщить мне, что вы думаете, подпишитесь на наш YouTube-канал, чтобы получать еще больше бесплатного контента, подобного этому. И нажмите ссылку в описании, чтобы скачать Dyad бесплатно и попробовать. И тогда я был бы рад, если бы вы вернулись к видео и сообщили мне, что вы думаете. Еще раз спасибо. Увидимся в следующем видео.