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