INDEX ROUTE

 CREATE A FOLDER VIEWS, INSIDE VIEWS CREATE FOLDER LISTINGS IN IT create a file index.ejs

INDEX.EJS

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WanderLust</title>
  </head>
  <body>
    <h2>All Lists</h2>
    <% for(listing of AllListings){%>
      <ul>
        <a href="/listings/<%=listing._id%>"><%= listing.title%></a>
      </ul>
    <%}%>
  </body>
</html>

IN APP.JS

// INDEX ROUTE
app.get("/listings", async (req, res) => {
  let AllListings = await Listing.find({});
  res.render("./listings/index.ejs", { AllListings });
});


TO SET UP EJS

const path = require("path");
app.set("view engine", "ejs");
app.set(path.join(__dirname, "views"));











Comments

Post a Comment