Самый быстрый способ создать 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