Create a SaaS using Next.js, Kinde-Auth, Supabase, Prisma, Stripe, and Tailwind CSS.

Note

Vídeo: Create a SaaS using Next.js, Kinde-Auth, Supabase, Prisma, Stripe, and Tailwind CSS.
Link do vídeo: https://youtu.be/_ypZyGeJox8 Minutos totais: 11:16:37
Autor: Jan Marshal
Link do canal: https://www.youtube.com/@janmarshalcoding

DEMO

• Criação de conta e assinatura
• Criação de artigo e visualização

Features

• 🌐 App Router Next.js
• 🔐 Autenticação Kinde com Linkedin, Google e GitHub
• 💰 Pagamentos utilizando Stripe
• 🪝 Implementação de Webhooks Stripe
• 🎊 React Confetti para pagamentos concluidos
• 🎲 Banco de Dados Postgres Supabase
• 💨 ORM Prisma
• ✅ Validação do Servidor usando Zod
• 🗂️ Upload de Arquivos com Uploadthing
• 🎨 Estilização com Tailwindcss e NextUI
• ✍️ Editor de artigos usando o Tiptap
• 💿 Zustand para fazer a comunição Back-end/Front-end

Setup Instructions

• Setup Kinde (Authentication)
• Setup Supabase (Database)
• Setup Uploadthing (File Upload)
• Setup Stripe (Payments)

Running the Application

• Run pnpm install
• Run pnpm dev

Stripe CLI

• Download Stripe CLI (Webhook)
• Run stripe login
• Run stripe --forward-to http://localhost:3000/api/webhook/stripe