Feed and Detail
Goal
This snapshot advances Ironclad Gazette by teaching you to build a database-backed feed and post detail pages.
Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder.
Prerequisites
Use Java 17+, Maven, a terminal, and Docker for MySQL stages. You should recognize classes, annotations, and HTTP verbs.
Port 8080 must be free. Copy .env.example before starting database stages.
- Java 17 and Maven
- A code editor and terminal
- Docker from part 4 onward
Concepts
List and detail are separate reads: the feed shows summaries; detail loads one row by primary key.
Keep controllers thin: accept input, delegate to repositories or services, and let Thymeleaf escape output by default.
Walkthrough
Link feed titles to /posts/{id} and return 404 when a post is missing.
Read the example, then open the matching snapshot. The repository includes the surrounding setup and error handling.
Post post = posts.findById(id)
.orElseThrow(() -> new ResponseStatusException(NOT_FOUND));
Run and verify
Enter 05-Feed-And-Detail, start MySQL when needed, copy .env.example, and run mvn spring-boot:run on port 8080.
Open http://127.0.0.1:8080. Watch the terminal for validation and database errors.
docker compose -f ../docker-compose.yml up -d
git clone https://github.com/michaeldunga1/fcc-spring-blog.git
cd fcc-spring-blog/05-Feed-And-Detail
cp .env.example .env
mvn spring-boot:run
Troubleshooting
Passing a non-numeric id should 404 cleanly instead of throwing an uncaught exception.
Connection refused usually means Docker MySQL is stopped or the port is not 3308. For auth issues, confirm you are using email (not username) on the login form.
- Read the first error first
- Restart after environment changes
- Never commit .env or uploads
Try this
Show the created timestamp on the detail page.
Test a happy path and one invalid or unauthorized request.
- 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.