Clon de X con Next.js 13, Supabase, React, TypeScript y TailwindCSS

Crearemos desde cero un Clon de Twitter con Next.js 13, React, Supabase, TypeScript, TailwindCSS y NextUI2 para este proyecto, además aprenderás cosas como Server Actions, Autenticaciones y más Repositorio: https://github.com/midudev/twitter-clone ▶ No te pierdas más directos en: https://www.twitch.tv/midudev ▶ Discord de la Comunidad: https://discord.gg/midudev 0:00 Intro 00:29 Creando Repositorio 00:46 SupaBase 3:32 Iniciando Proyecto con Next.js 13 5:40 Creando la DB 6:32 Basado en un curso de egghead.io 🙂 10:35 Linter 13:52 Configurando Supabase + Next.js 22:46 Autenticación para Iniciar sesión 23:04 Crean tokens con Github 25:34 Añadiendo sesión 28:42 Exportando Iconos SVG 30:43 Creando el EndPoint 38:08 Mostrando/Ocultando Botón de iniciar o cerrar sesión 47:43 Rutas Protegidas 51:44 Creando el Usuario 55:15 Extraer la relación de las tablas 56.26 Tabla de usuarios pública 58:56 Creando la función (similar a un procedure) 1:05:14 Creando el Trigger 1:08:18 Agregando política a los usuarios públicos (public.users) 1:11:22 Añadiendo estilos al tweet 1:14:35 Usando NextUI 1:20:14 Agregando la Información 1:22:15 Integrando Iconos 1:25:51 Ajustando los Posts 1:30:27 Generando Tipos con Supabase 1:31:58 Creando archivo para los tipos 1:38:00 Hacer que el usuario cree tweets 1:40:21 ServerActions con Next.js 13 1:42:12 Agregando Estilos al formulario para crear los tweets 1:48:22 Agregando función al botón para postear (Server Actions) 1:58:58 Limpiar formulario al postear 2:05:02 Pending al Botón de postear 2:07:47 Volviendo a los Server Actions 2:15:21 Segundo intento