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

0:00 Intro
00:29 Creando Repositorio
00:46 SupaBase
5:40 Creando la DB
10:35 Linter
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: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: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

[richieespinoza]

ya no se pueden hacer los triggers a tablas privadas desde la UI. Para solucionar este problema tienes que ir a la opcion de "SQL Editor" y copiar el siguiente comando:
create trigger on_auth_insert_users after insert on auth.users for each row execute function
luego le das RUN en la esquina inferior derecha (o ctrl + enter) y ya te aparecera el triger creado correctamente.

[codesandtags]

Impresionante!!! 🤯 Hiciste todo un trabajo de Full Stack que podría tomar minimo una semana, en menos de 3 horas.

[lfs]

Oh por dios, no sabes como me emociono cuando sacas estos videos... me gusta de lejos más que los cursos de Platzi (ya sé, tienes cursos en Platzi, pero este formato que tienes en tu canal es de lo mejor).

[isturizz]

Empecé a ver el video mientras comía y al final fue tan bueno que lo vi completo y evidentemente no duré dos horas comiendo xd.

[CarlosFelipeRiveraG-tlyf]

Está muy bueno tu contenido, te agradezco que ofrezcas tu conocimiento con la comunidad, he seguido tu tutorial paso a paso y lo he logrado, copiando pero lo he logrado, espero seguir aprendiendo y mejorar el clon de twitter,

[tomirodriguez]

Buen aporte y gran canal para devs!

Como dato, podes inicializar el proyecto con pnpx en vez de npx y lo arma con pnpm :)

Saludos desde Argentina!

[eliasbest]

Lo vi completo!! espero que continue esta saga <3

[GabrielPozo]

Como siempre, increíble la calidad de contenido que generas en Youtube 👏👏👏👏👏👏

[xavitorner]

Enpiem y peenepeeme..🤦‍♂️😂
Gracias por tus aportes mildu!!
No te enfades 😊

[osakadev]

Mis respetos hacia ti, siempre me divierto y aprendo mucho con estos videos, un grande el midu

[registro_pedagogico]

Muchas gracias Midu, eres de los mejores, sigue adelante con fuerza!

[peleteiro]

Este video es genial ¿un remake con lo nuevo que hace supabase? hay algunas cosas ya que no van igual... un saludos y gracias por el contenido

[josiasmontilla]

Para un proyecto así de como twitter, es recomendable hacer el login con firebase o con mongodb?

[jarndev]

2:14:44 ya lo arreglaron? es que tengo el mismo problema y vamos por Next.js 15 ya 🗿

[superJerrySong]

He realizado este proyecto este enero 2025 y esta muy bueno, ha cambiado un poco la integración de supabase pero esta muy cool, me gustaria añadirt añadir 2 funcionalidades nuevas a este proyecto, el eliminar un tweet propio y el like sobre tus post y sobre los post de otras cuentas, como podría añadir dichas características, como debo modificar la logica de mi app en supabase para lograr dichas caracteristicas??

[ricardinhofreestile]

Interesante Midu como siempre Crack !

Consulta, yo podria crear API routes (las que ofrece next) usando el client de supabase ?

[JRTatto]

Jajajajaja la policía me esta extorsionando, editor donde estas? sería bueno musica de fondo para ese momento XD

[ricardogimenez]

Tengo una duda, como puedo hacer para instalar el linter de la forma que lo hace, siempre al crear un proyecto ya me instala directo y me gustaria hacerlo de manera mas personalizada

[status--ok]

Midu, cuando vuelven los proyectos con Nextjs al canal ?

[AlphariusOmegonREAL]

1:04:11 escribo exactamente el mismo código para la función de supabase y me da este error: Failed to create function: failed to create pg.functions: syntax error at or near ")"

No tengo ni idea de que hacer