📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Vibe Coding Just Got A HUGE Upgrade (THIS IS NUTS)

Income stream surfers10:34

Transcription

Хорошо, ребята, как вы видите, суб-агент теперь запущен. И если я нажму Control O на своем Mac, вы увидите, что суб-агент был запущен со всем необходимым контекстом. Так, цены, ключи API Stripe, вся эта документация, которую мы ранее загрузили специально для Nex.js, все эти хорошие вещи. Буквальные точные копии кода и так далее, и вы можете просто увидеть, что эта реализация будет намного лучше стандартной реализации.

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

Итак, прежде чем мы начнем, давайте проведем быстрый тест. Итак, это с тем, что я собираюсь показать вам сегодня. Давайте посмотрим, сработает ли это, когда я просто нажму "Подписаться". Теперь, чтобы вы знали, это продолжение вчерашнего видео. Во вчерашнем видео я показал вам, как вы можете взять Google AI Studio, что угодно из Google AI Studio, и легко обернуть это с помощью кода Claude, Convex и Work OS, в основном для системы OOTH. Так что теперь я показываю вам, как вы можете добавить Stripe. И у меня есть очень, очень специфический способ фактически добавить Stripe. Так что давайте просто посмотрим, сработает ли это.

Теперь есть небольшая проблема. Вот так. Бум. Это первый раз, помните, ребята. Это буквально первый раз. Так что это без какого-либо, э-э, да, туда-сюда и так далее. Давайте просто посмотрим, сработает ли это в первую очередь. Так что давайте сделаем "Оплатить и подписаться". Мы должны иметь возможность перейти сюда, перейти к прослушиванию Stripe, и мы должны фактически начать видеть, как что-то поступает сюда. Вот так. 307 - это не лучшее. 307 - это неправильно, но, по крайней мере, мы можем видеть, что это сработало. Вы можете видеть, что это на самом деле не зарегистрировалось. Так что, мы просто скажем это сейчас. Так что мы просто выйдем и скажем, я просто пройдусь. Все еще написано "обновить" даже после оплаты. Пожалуйста, проверьте журналы.

Хорошо. Итак, мы снова проходим этот процесс. Я просто вхожу в ту же учетную запись. Итак, вот так. Вошел. Цены. Подписаться. Теперь есть небольшая проблема там, просто с промежуточным ПО, по сути. Это довольно стандартная проблема, честно говоря. Это не обязательно плохой код. Это просто неполный код. Не думаю о том, что у меня есть промежуточное ПО, например. Давайте посмотрим, сработает ли это на этот раз. Здесь должны отображаться 200. Вот так. 200. Теперь все еще написано "нет активной подписки", что означает, что база данных не обновляется. Но вы можете видеть, что теперь мы получаем 200, что именно то, что мы хотели бы. Вот так.

Так что это, возможно, была самая безболезненная реализация Stripe, которую я когда-либо имел. Это заняло около 5 минут на Next.js. Теперь, как я это сделал? Я покажу вам, как это работает прямо здесь, прямо сейчас.

Теперь есть два способа сделать это. Вы можете либо использовать MCP, такой как Bright Data MCP. В описании этого видео есть ссылка на Bright Data, если вы интересуетесь Bright Data. Они позволяют вам извлекать данные, которые другой бизнес, который я покажу вам сегодня, не позволяет вам извлекать. Так, например, если вам нужно извлечь что-то вроде Facebook или LinkedIn или что-то более сложное для извлечения, обязательно проверьте Bright Data. Есть ссылка в описании. Однако я на самом деле использую Gina. Причина, по которой я использую Gina практически для всего, заключается в этом. Это буквально две строки кода, и гораздо проще обучить ваш код Claude или что-либо еще использовать две строки кода, а не что-то более сложное.

Прежде чем мы перейдем к самому соку этого видео, если вы интересуетесь работой со мной и моей командой разработчиков, пожалуйста, перейдите по ссылке в описании. У нас очень, очень хорошая команда разработчиков, и я сам тоже. Я становлюсь лучше и лучше каждый день. Мы ищем больше проектов, в которые можно погрузиться в последней части 2025 года, последнем квартале, а также в первом квартале 2026 года. Если у вас есть проект, который вы давно хотели реализовать, но никогда не могли потратить 50-100 тысяч на MVP или потратить 6 месяцев на тот же проект, приходите и поговорите с нами сегодня. Мы можем сделать это намного быстрее и дешевле, чем традиционные агентства по разработке. Есть ссылка в описании, если вы заинтересованы в этом.

Теперь все, что мы делаем здесь, это я могу поместить этот запрос в описание этого видео, но, по сути, он гласит: когда вы используете что-то, например, Stripe, вы должны сначала посмотреть на реализацию для моего конкретного стека. Вы можете сделать это, посмотрев на их llm.ext, затем используя Gina на их llm.ext и найдя соответствующие страницы. Например, я на Next.js. JS, и я прошу вас реализовать Stripe. Тогда вы должны специально просмотреть все соответствующие страницы, чтобы помочь мне достичь моей цели. Если я не конкретен, вы должны спросить меня и посоветовать мне лучший и самый простой способ реализовать это. Например, используя ссылки Stripe, если это проще/соответствует моему варианту использования. Вы можете использовать поиск s.gina или просто искать самостоятельно в Google, чтобы найти LLM.ext бизнеса. И тогда я просто привел Stripe в качестве примера. И тогда все, что вам нужно сделать, это просто дать эти строки кода прямо здесь. Это curl-запросы.

Тогда все, что я сделал, это пришел сюда. Я сделал /memory. Я перешел в память проекта или память пользователя. На самом деле не имеет значения. Ctrl C для вставки. А затем для записи это... это Vim. Это двоеточие W для записи, а затем двоеточие Q для выхода. Правильно? Если вы на Mac, то это единственная информация, которую вам нужно знать.

Итак, мы теперь взяли проект из Google AI Studio. Мы скачали его на React. Мы получили шаблон Next.js Convex в нашу систему. Мы импортировали проект React в наш проект Next.js. И затем, используя систему, которую я только что объяснил, которую я снова помещу в описание этого видео. И мы добавили Stripe за 5-10 минут вместо обычных 20-25 минут, верно?

Мы должны иметь возможность нажать "Управление подпиской" здесь. Я не уверен, сработает ли это, просто потому что... иногда портал выставления счетов немного странный. Так что давайте просто перейдем сюда и загрузим случайное изображение. Хорошо, конечно. Это мое изображение, которое я решил загрузить. Это то же самое, что и вчера. Просто потому, что оно меньше 1 мегабайта. И тогда мы должны увидеть некоторые драматические интерпретации этого. О боже, это так смешно. Я не могу перестать на это смотреть. Это так смешно. О боже, это тоже так хорошо. Нео, чувак.

И тогда у нас полностью реализован Stripe. Идеально. Это был чрезвычайно быстрый и простой способ фактически реализовать Stripe. Это намного проще, чем обычные догадки, которые вам приходится делать. Обычные догадки чрезвычайно стрессовы и чрезвычайно сложны. Но если мы уберем догадки из кода Claude, вы увидите, насколько это проще. Вам нужно дать вашему ИИ возможность находить документацию.

Теперь многие люди будут говорить вещи вроде Context 7, например, MCP. Я не рекомендую вам использовать Context 7 MCP. К тому же, они теперь сделали его платным, так что [ __ ] вам, ребята. Не используйте это. Хорошо. [ __ ] ... как бы они ни назывались. Я даже не могу вспомнить, как называется эта [ __ ] компания. О, это Uptach. Да, Uptach. Это было бесплатно в какой-то момент. Я не совсем понимаю, почему вы сделали это платным. Я действительно думаю, что это глупо, глупо, глупо, глупо, глупо, глупо. Но, о, похоже, это только для частных репозиториев и тому подобного, но все равно, зачем делать это платным? Я просто не понимаю.

Так что вместо этого, что я рекомендую вам сделать, да, это Con 7, немного беспорядок? Что я упускаю? Это немного беспорядок. Это полный [ __ ] беспорядок, честно говоря. Что я рекомендую вам сделать вместо этого, это дать Gina или Bright Data вашим LLM. Вы даете ему возможность находить LLM.ext. Если вы не знаете, что такое LLM.ext, если вы зайдете в Google и наберете Stripe LLM.ext text и нажмете на первое. Вы увидите, что это просто комбинация всех страниц, которые когда-либо понадобятся ИИ для создания чего-либо. Вы скармливаете это Gina. Я просто покажу вам, как это работает вне кода Claude, чтобы вы могли понять.

Так что, если я перейду к API здесь, Control arr здесь, а затем get response. Что это делает? Он дает все ссылки, которые понадобятся вашему ИИ. Ваш ИИ затем может взять это и сказать: "О, хорошо. Ну, я могу, знаете ли, я могу искать ссылки на оплату, верно? Вот оно. Ссылки на оплату, ссылки на оплату, кнопка покупки, способы оплаты, все эти хорошие вещи. И тогда он может извлекать каждую из них по очереди, потому что он знает, верно? Так, скажем, ссылки на оплату, верно? Или просто быстрое начало. Так что он знает, что ему это нужно. Давайте просто скажем "создать расширенную интеграцию". Конечно, не обязательно эта, но давайте скажем, что ему нужна эта страница. Control arr. Он знает, что ему нужна эта страница. затем он получает ответ и специально ищет код. Так что вы можете видеть здесь, что есть фактический код, который он может использовать и начать создавать вашу реализацию.

Я оставлю видео здесь, ребята. Я просто хотел быстро сделать видео об этом, потому что я пытаюсь найти лучший способ реализовать Stripe. Честно говоря, шаблоны. Я немного отхожу от шаблонов, потому что по какой-то причине во многих из них есть куча ошибок и тому подобное. Так что вместо этого я пытаюсь найти лучшие способы построения, и это лучший способ, который я нашел для построения. Большое спасибо за просмотр, ребята. Если вы смотрите до конца этого видео, вы абсолютная легенда. Пожалуйста, проверьте школьное сообщество, ссылку в описании, чтобы поговорить с нами, или Bright Data. И я увижу вас очень, очень скоро с новым контентом. Мир.