← Glosario

¿Qué es Frontend vs. Backend?

También conocido como: cliente vs. servidor, UI vs. lógica, client-side vs. server-side

Frontend es lo que ves y tocas; backend es lo que pasa detrás para que eso funcione.

La analogía

Un restaurante. El frontend es el comedor: mesas, menús, meseros, el platillo que te sirven. El backend es la cocina: los ingredientes, los procesos, las ollas, el flujo que nadie del comedor ve. Ambos son indispensables, y si uno falla, la experiencia se rompe.
Rai apuntando

🛠 En el workshop

En tu primer proyecto Claude construye las dos partes: el frontend donde configuras tu brief, y el backend que todos los días trae noticias, las resume y las manda. Tú no escribes código de ninguno — diriges. Ver el pre-work →
🔍 Quiero entender más+

¿Qué es realmente?

Frontend: todo lo visual y todo lo que el usuario toca. Botones, formularios, colores, animaciones, textos. Vive en tu navegador y está hecho con HTML, CSS y JavaScript (en el workshop, con React vía Next.js).

Backend: la lógica que pasa lejos de la vista del usuario. Guardar datos en la base de datos, mandar correos, procesar pagos, validar contraseñas, llamar a APIs. Vive en servidores.

Cuando abres Instagram y das like a una foto: el corazón que se pone rojo es frontend, el registro de "a Rob le gustó esta foto" que se guarda para siempre es backend.

¿Para qué sirve?

  • Escalar cada parte por separado
  • Que distintas personas trabajen en cada uno
  • Que el mismo backend sirva a varios frontends (app móvil + web + Alexa, por ejemplo)

¿Cómo se ve en la práctica?

En tu proyecto del brief diario:

  • Frontend: la página donde configuraste tu nombre, tus intereses, el teléfono del destinatario.
  • Backend: el proceso que todos los días trae las noticias, llama a Claude para resumirlas, y las manda por WhatsApp a la hora indicada.

Tú solo ves la página. Todo lo demás pasa en segundo plano.

Errores comunes

  • "Solo necesito frontend". Si tu app guarda información o hace algo automáticamente, necesitas backend.
  • "Frontend es fácil, backend es difícil". Ambos son difíciles de distinta manera. El frontend es implacable con la estética; el backend es implacable con la lógica.
  • "Claude Code solo hace frontend". No. Claude Code construye frontend, backend, base de datos, y deploya — todo en una misma sesión.

Preguntas frecuentes

  • ¿Puedo hacer una app sin backend?

    Sí, si solo muestra información estática. Pero en cuanto guardes datos de usuarios, necesitas backend.
  • ¿Quién hace frontend y quién backend normalmente?

    En equipos grandes, son roles separados. En vibe coding, la AI hace ambos.
  • ¿Qué es "full-stack"?

    Alguien que sabe hacer los dos lados. En vibe coding, tú eres full-stack desde el día uno.
🎲 Fun fact: Los términos "frontend" y "backend" vienen de los años 70, cuando las computadoras eran cuartos enteros y había una "parte de enfrente" (donde los humanos escribían) y una "parte de atrás" (donde estaban las máquinas).