Feed and Detail
Goal
This snapshot advances Copperline Journal by teaching you to build a database-backed feed and individual post pages.
Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder to see the new responsibility clearly.
Prerequisites
Use Node.js 20 or newer, npm, and a terminal. You should recognize basic JavaScript functions, objects, and HTTP requests.
Port 3000 must be available. MongoDB snapshots use Docker locally; copy the example environment file before starting them.
- Node.js and npm installed
- A code editor and terminal
- Docker from part 4 onward
Concepts
List and detail pages are separate read operations: the feed loads a bounded summary collection while detail loads one document by id.
Keep responsibilities visible: middleware prepares requests, routes choose handlers, models protect data rules, and EJS views present escaped values.
Walkthrough
Link feed titles to /posts/:id, populate the author on detail, and return 404 when no matching post exists.
Read the example from input to output, then inspect the matching snapshot. The repository includes the surrounding setup and error handling.
const post = await Post.findById(req.params.id).populate("author");
if (!post) return res.sendStatus(404);
res.render("post_detail", { post });
Run and verify
Enter 05-Feed-And-Detail, install its dependencies, copy .env.example when present, and start the server.
Open http://localhost:3000. Keep the terminal visible so route, validation, and database errors can be connected to the browser action that caused them.
docker compose up -d
git clone https://github.com/michaeldunga1/fcc-express-blog.git
cd fcc-express-blog/05-Feed-And-Detail
npm install
cp .env.example .env
npm start
# optional: npm run seed
Troubleshooting
Malformed MongoDB ids can throw before returning null, so pass async failures to error middleware and distinguish bad ids from missing records.
A missing-module error usually means npm install ran in another snapshot. For database failures, check the container and that this folder uses its own Copperline database name.
- Read the first error first
- Restart after environment changes
- Never commit .env or node_modules
Try this
Add the publication date to both feed cards and the detail page.
Test a happy path and one invalid or unauthorized request. Useful applications return clear feedback without exposing secrets or stack traces.
- Make one small change
- Test it in the browser
- Compare with the next snapshot only after it works
Next: Registration
Comments
One comment per signed-in account. Comments are saved with this page’s URL.