Lección 15 de 16 · Lectura y práctica
Autenticación, carrito y Server Actions
Autenticación, carrito y Server Actions Esta leccion pertenece al curso Desarrollo Web Full Stack con Next.js y esta pensada para que avances con criterio profesional, no solo con teoria. Primero entiende el concepto, despues.
Del concepto a la práctica
Taller de esta lección
El carrito pertenece a la experiencia del usuario, pero una acción que modifica inventario requiere una comprobación en servidor. En el aula basta una sesión ficticia con roles explícitos: admin puede renombrar; visitante solo puede leer. La cantidad también debe validarse contra un entero positivo.
Ejemplo resuelto
export function puedeCambiar(rol: string, cantidad: number) {
return rol === 'admin' && Number.isInteger(cantidad) && cantidad > 0;
}admin, 2 devuelve true; visitante, 2 y admin, 0 devuelven false.
La función puedeCambiar demuestra solamente una regla; todavía no es una Server Action ni un sistema de autenticación. Conserva el carrito del visitante como estado de cliente, y limita esta regla a la mutación administrativa. Para inventario añade además un límite de unidades disponibles y valida el ID en el servidor antes de escribir.
Pruébalo
Define roles ficticios y su permiso.
Envía una cantidad válida desde el carrito.
Repite con cero y con rol visitante.
Registra si el dato cambió o fue rechazado.
Comprueba tu resultado
Error frecuente: confiar en que el botón no aparece para visitantes. Corrección: repetir el permiso dentro de la acción.
Ejercicio: prueba las tres combinaciones anteriores; solo admin con cantidad 2 debe aceptarse, el carrito debe conservar sus líneas y ningún rechazo debe modificar el inventario ficticio.

Mapa de prácticaEl control de acceso, las actualizaciones y las copias de seguridad cubren riesgos distintos. Una alerta necesita un procedimiento de respuesta para contener y recuperar el servicio. Varias capas reducen la exposición, pero ninguna garantiza seguridad absoluta.
Ver la infografía en tamaño completo ↗Fuentes para profundizar
Autenticación, carrito y Server Actions
Esta leccion pertenece al curso Desarrollo Web Full Stack con Next.js y esta pensada para que avances con criterio profesional, no solo con teoria. Primero entiende el concepto, despues aplicalo en una situacion concreta y finalmente deja evidencia de lo que aprendiste.
Objetivo practico
Al terminar, deberias poder explicar el tema con tus palabras, reconocer cuando usarlo y construir una version simple que sirva como base para un proyecto real.
Pasos recomendados
- Lee el concepto y escribi una definicion breve.
- Identifica un caso de uso laboral donde aparezca este problema.
- Construye un ejemplo pequeno y documenta las decisiones.
- Compara tu resultado con el checklist de la leccion.
Sigue con Desarrollo Web Full Stack con Next.js
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.