👨🏻💻 I miei corsi: www.giuppi.dev
In questo MEGA TUTORIAL andiamo a realizzare un Saas completo di autenticazione, pagamento, video streaming e deploy da zero, utilizzando React, Next.js, Supabase, Tailwind e molto altro.
🚀 Link alla repo: www.giuppi.dev/megatutorial
🔗 Tecnologie utilizzate
React: react.dev/
Next.js: nextjs.org/
Typescript: www.typescriptlang.org/
Supabase: supabase.com/
Tailwind: tailwindcss.com/
Shadcn: ui.shadcn.com/
Stripe: stripe.com/it
Bunny: bunny.net/
Vercel: vercel.com/home
Kannon email: www.kannon.email
Kannon contatto: ludovico@ludusrusso.space
Come vivo da NOMADE:
📌 PARTITA IVA con Fiscozen (sconto 50€): ⏩ www.giuppi.dev/fiscozen
📌 Telefono: amzn.to/3VHl6CY
📌 Portatile: amzn.to/3vz88Nd
📌 Supporto: amzn.to/3sxgfvo
📌 Borsa portatile: amzn.to/45sX4Sc
📌 Borsa tastiera e mouse: amzn.to/45Ppzcw
📌 Tastiera: amzn.to/3L19kRJ
📌 Trackpad: amzn.to/3OZzS6K
📌 Cuffie: amzn.to/47QwDaB
#coding #nextjs #tutorial #reactjs #saas #javascript #supabase #tailwindcss #typescript
Capitoli
00:00 Intro
02:34 Setup Next.js
06:38 Navbar
12:23 Shadcn UI
24:47 Sezioni Homepage
35:22 Pagine login e register
40:51 Setup Supabase
44:49 Supabase Trigger e functions
47:37 Supabase Row level security
51:05 Supabase SSR e Nextjs
54:37 Registrazione utente
59:26 Hook useFormState
01:07:37 Hook useFormStatus
01:11:08 Login con Supabase
01:17:35 Typescript con Supabase
01:21:23 Logout user
01:25:27 Middleware Next.js
01:38:52 Pagina corsi
01:41:08 Creare una tabella in Supabase
01:50:33 Video streaming
02:03:06 Stripe: cos’è e come funziona
02:09:00 Integrazione abbonamento
02:23:27 Stripe webhooks
02:52:33 Email con Kannon.js
02:59:12 Deploy su Vercel
16 июл 2024
