Перейти к содержимому

Claude Code Next.js: login JWT y API gateway, paso a paso

Forja Skills

0:00 / 0:00

Claude Code Next.js: login JWT y API gateway, paso a paso

12 просмотров · 11 дн. назад
Forja Skills
18 подписчиков
12 просмотров · 11 дн. назад
▶ Curso completo de Claude Code en español (1 h 41 min, gratis), de instalar a hooks:    • Claude Code curso completo en español: de ...   Tutorial en español de Claude Code con Next.js: API gateway (YARP) y login con JWT, creados y probados con una skill. Con una skill de Claude Code creamos el API gateway (YARP, .NET) y una web en Next.js que inicia sesión y llega a los servicios a través de él, y lo probamos todo en un navegador real. Seguimos con la skill arquetipo del video anterior: hoy crece sin romper lo anterior y suma dos tipos de proyecto para Nova Retail, nuestra empresa de ejemplo. El gateway pone en un solo lugar el token, CORS y el límite de intentos; la web guarda el token en una cookie HttpOnly que el JavaScript no puede leer. Y al verificar de punta a punta apareció una falla real que solo se ve en una máquina recién instalada: Claude no la repitió hasta que pasara, buscó la causa. 0:00 Lo que vas a construir 0:20 Bienvenida y el plan de hoy 1:19 El problema: la web habla con cada servicio 3:00 El prompt suelto: una web sin procedimiento 4:54 La skill crece: dos tipos nuevos 5:45 El gateway por dentro 7:44 La web por dentro 9:46 Actualizamos el SKILL.md 11:24 Probamos: el gateway 13:12 Probamos: la web 15:14 En el navegador: el token que nadie puede leer 18:08 Subimos a GitHub 19:10 La falla real: la base que se dormía 21:52 Lo que aprendiste y tu reto 22:54 Lo que viene Qué vas a aprender: Qué es un API gateway y por qué el token, CORS y los límites van en un solo lugar. Cómo una skill crece sin romper lo anterior: tipos nuevos, el mismo procedimiento. Dónde guardar el token en una web (cookie HttpOnly y SameSite) y cómo comprobarlo en las herramientas del navegador. Verificar de punta a punta con Playwright, y qué hacer cuando algo falla: buscar la causa. 💻 La skill y los prompts del video (tag video-01b): https://github.com/forjaskills/nova-w... 🌐 Los proyectos creados en el video: https://github.com/forjaskills/nova-g... · https://github.com/forjaskills/nova-web 📺 Próximo video: una skill nueva agrega el módulo de Pedidos de punta a punta. La voz de este video está generada con IA a partir de la voz del autor. #ClaudeCode #NextJS #Programacion