𝗗𝗶𝗮́ 𝟰𝟲 𝗱𝗲 𝗔𝗽𝗿𝗲𝗻𝗱𝗶𝘇𝗮𝗷𝗲 𝗱𝗲𝗹 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

Llevo 46 días en mi camino de aprendizaje del MERN stack.

Ayer configuré Tailwind CSS. Hoy aprendí el motor de plantillas EJS.

Antes de hoy, mis páginas HTML eran estáticas. No podían mostrar cambios provenientes del servidor.

EJS permite el renderizado del lado del servidor (server-side rendering). Crea HTML utilizando datos en tiempo real de tu backend. Escribes lógica de JavaScript directamente dentro de tu HTML.

Así es como lo configuré hoy:

  • Le dije a Express que usara EJS como motor de vistas.
  • Creé un directorio views para mis plantillas.
  • Utilicé el método res.render para enviar datos al frontend.

El código se ve así:

const express = require("express"); const app = express(); const users = require("./MOCK_DATA.json");

app.set("view engine", "ejs");

app.get("/users-list", (req, res) => { res.render("users", { allUsers: users }); });

app.listen(8000);

Este método conecta mis datos con mi UI al instante.

Fuente: https://dev.to/ali_hamza_589ec7b3eb6688d/day-46-of-learning-mern-stack-15dh