Перейти к содержимому

Самый быстрый способ создать SaaS в 2024 году — Next.js, Supabase и Stripe

Supabase

0:00 / 0:00

Самый быстрый способ создать SaaS в 2024 году — Next.js, Supabase и Stripe

61 852 просмотра · 2 г. назад
Supabase
81,1 тыс. подписчиков
61 852 просмотра · 2 г. назад
В этом видео Джон Мейерс демонстрирует, как использовать шаблон оплаты подписки Vercel [1] для запуска продукта «Программное обеспечение как услуга», развернутого в рабочей среде и способного принимать вполне реальные платежи! ▶ Начните работу с Supabase: https://supabase.com/?utm_source=yout.... [1] https://github.com/vercel/nextjs-subs... Next.js — один из самых популярных современных веб-фреймворков, который позволяет плавно переплетать логику клиента и сервера. Supabase — это набор инструментов с открытым исходным кодом, которые работают с базой данных PostgreSQL. Пакет `@supabase/ssr` — это уровень, который объединяет эти технологии, настраивая аутентификацию на основе файлов cookie, чтобы пользователь и его сеанс были доступны во всем стеке Next.js. 00:00 Самый быстрый способ создать SaaS-продукт 00:18 Развертывание шаблона с помощью Vercel 01:40 Настройка переменных среды 04:28 Создание уровней подписки 06:27 Настройте OAuth с помощью GitHub 09:54 Настройка клиентского портала Stripe 12:05 Активация учетной записи Stripe Создавайте SaaS-приложения и начните зарабатывать реальные деньги в 2024 году с помощью нашего последнего видео. Мы покажем вам самый быстрый способ создания продукта SaaS с использованием стартовой версии подписки Vercel, Supabase для серверной магии и Stripe для обработки этих важнейших платежей. Речь идет не только о настройке; речь идет о том, чтобы запустить ваш SaaS и начать видеть приток денежных средств. Что вы узнаете: ✅ Форк и развертывание: начните с разветвления стартовой подписки Stripe на свой GitHub. Это первый шаг к запуску вашего SaaS. ✅ Интеграция Supabase: добавьте интеграцию Supabase в свой проект, что станет важным шагом для управления вашим бэкэндом и подготовки вашего продукта к работе. ✅ Настройка Stripe: настройте и запустите свою учетную запись Stripe. Мы проведем активацию вашей учетной записи и настройку этих ключевых ключей API, чтобы вы были готовы принимать платежи. После этого видео вы сможете: ✅ Запустите свой SaaS: когда ваш проект Vercel развернут, серверная часть Supabase отсортирована и Stripe готов к обработке платежей, вы будете готовы к запуску своего продукта SaaS. ✅ Обработка реальных платежей. После активации Stripe у вас все готово для обработки реальных транзакций. Приветствуйте заработок на своем SaaS-продукте благодаря интеграции Supabse! ✅ Управляйте подписками: погрузитесь в панель управления Stripe, используя Supabase в качестве серверной части, чтобы создавать уровни подписки и управлять ими, предоставляя пользователям варианты и увеличивая потенциальный доход. 💻 Видео, которые стоит посмотреть дальше: ▶ Самый быстрый способ разместить базу данных Postgres:    • FASTEST way to host a Postgres database (2...  . ▶ Самый быстрый способ начать работу с Next.js и Supabase:    • FASTEST way to get started with Next.js an...  . ▶ 10 новых функций Supabase, которые вам нужно начать использовать:    • 10 new Supabase features you need to start...   👇 Узнайте больше о Супабазе 👇 🕸 Сайт: https://supabase.com/ 🏁 Начало работы: https://app.supabase.com/ 📄 Документы: https://supabase.com/docs. 🔔 Подпишитесь на дополнительные руководства и обновления функций Supabase:    / @supabase   📱 Свяжитесь с нами: ▶ GitHub: https://www.github.com/supabase/supab... ▶ Дискорд: https://www.discord.supabase.com/ ▶ Твиттер:   / supabase   ▶ Instagram (подписывайтесь на мемы):   / supabasecom   О СУПАБАЗЕ: Supabase — это альтернатива Firebase с открытым исходным кодом. Supabase предоставляет полную базу данных Postgres для каждого проекта с pgvector, резервными копиями, режимом реального времени и многим другим. Добавляйте в свой проект адрес электронной почты и пароль, а также входы без пароля, OAuth и мобильные устройства с помощью набора поставщиков удостоверений и API. Создайте за выходные, масштабируйте до миллионов. #Supabase #AppDevelopment #RealtimeApps #DeveloperTools