¿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

🛠 En el workshop
🔍 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.
Términos relacionados
- Base de datosUn lugar organizado donde las apps guardan información para poder recuperarla después.
- ServidorUna computadora prendida 24/7 en algún data center, esperando que alguien le pida algo.
- APIUna API es el 'traductor' entre dos programas. Es la forma en que una app le pregunta cosas a otra — por ejemplo, tu app a Supabase, o tu app a una AI.