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:   / midudev  
▶ Discord de la Comunidad:   / discord  


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