Ingeniero en Sistemas Computacionales
Guayaquil, Ecuador
Curso Espectacular 👏👏👏 ... Estoy avanzando con EDTEAM y me gustaría ver un curso con despliegue en AWS de un "Proyecto yá creado ó creado con NEXTjs" , donde se establezca EC2, S3, Base de Datos Aurora con SQL, AWS Lambda, con su Balanceo de Carga para el Sitio ... Hoy todo es orientado en la nube y obviamente con AI. Espero ver este Curso ya que es hora de subir o tener una raya más ... Muchas gracias! al profe Álvaro que hace posible esto, y al Profe Beto por ser un excelente Maestro!.
Calificación: ⭐⭐⭐⭐⭐ (5)
Certificado: https://ed.team/u/jeanvillamar/curso/next
TAREA: Ajunto
*** event-detail-user-tsx *** // Componente dinámico que se renderiza // Importamos la función que devuelve el usuario autenticado desde las cookies import { getLoggedInUser } from "@/services/auth";
// Server Component async — parte dinámica de EventDetail (PPR) export default async function EventDetailUser() { const user = await getLoggedInUser();
// Extraemos la parte antes del @ para un saludo más limpio const nombre = user?.email?.split("@")[0];
return user ? ( // Con sesión → saludo personalizado con el nombre extraído del email
👋 Hola {nombre}, te invitamos a comprar tu entrada a este evento.
) : ( // Sin sesión → invitación a iniciar sesiónIniciá sesión para reservar tu lugar en este evento.
); }*** event-detail-user-skeleton *** // Componente para fallBack de carga ó pre-renderizado // Skeleton que se muestra mientras EventDetailUser resuelve la sesión export default function EventDetailUserSkeleton() { return (
); }
NOTA: Tener en cuenta que en Supabase usamos usuario y clave para registrar usuarios, no lo hacemos aún con autenticación de Google, Apple, etc.
El Proofe Beto nos explique muy bien el tema del método has() para obtener el name de la Cookie.. Resulta que trabajando con la AI esta me sugirió usar el método get() porqué pensó que yó quería el Token ... La imagen adjunta muestra el uso de método GET() para las operaciones con Token hacía una API ó origen de Datos.
Muy buen curso hasta el momento
El ○ (Static) describe la ruta pero no muestra los componentes dentro de ella. Dentro de una página estática pueden convivir Server y Client Components perfectamente.
Los eventos o peticiones nacen en el Server(estáticos) y son pasados al cliente como prop.
Servidor → fetchea, tiene TODOS los datos.
Cliente → recibe los datos, maneja la interactividad como filtro, presentación parcial, cambio a minúscula, etc y para esto se usa el estado, onChange, useRef, useMemo.
La separación de responsabilidades es clara:
Servidor → obtener los datos (fetch, BD, APIs).
Cliente → manipular, filtrar, reaccionar a interacciones del usuario.
El puente entre ambos son las props ... El servidor le entrega los datos al cliente una sola vez, y el cliente los trabaja sin volver a pedirlos al servidor.
Muy buena explicación estimado Profe Beto ... He ido conociendo, aprendiendo y aplicando de a poco lo aprendido. También revisando documentación de Supabase con JS.
Muy buena explicación del Marketing.
No conocía el tema de reglas a pesar de que trabajo con IDE VScode. Aprendí algo muy importante, el definir como se va a codificar. No uso CURSOR utilizo VScode con AmazonQ- GeminiAsist-Trae AI. Y estoy ahora usando reglas en los proyectos o directorio raíz. Aunque AmazonQ tiene una forma de incluir reglas en su memoria, igual se crea un archivo.md que viene ser lo mismo.
Muy buen curso.. Práctico y nada complejo.
Al momento el curso es muy bueno. Nos muestra lo nuevo para este lenguaje TYPESCRIPT sin dejar las bases de programación.