Saltar al contenido

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

ts
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

  1. Define roles ficticios y su permiso.

  2. Envía una cantidad válida desde el carrito.

  3. Repite con cero y con rol visitante.

  4. 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.

Capas de acceso, actualización, copias y respuesta a incidentes alrededor de un sistema.
CursaloMapa de práctica
La seguridad necesita varias capas

El 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

  1. Lee el concepto y escribi una definicion breve.
  2. Identifica un caso de uso laboral donde aparezca este problema.
  3. Construye un ejemplo pequeno y documenta las decisiones.
  4. 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.

01 / ELEGIR UNA RUTA

El próximo paso

Aprende IA mientras construyes algo que sí necesitas.

Empieza por el curso inicial o explora el catálogo para encontrar una práctica alineada con tu trabajo.