Routing
Goal
This snapshot advances Stonequay Market by teaching you to register shop routes for catalog, cart, and health.
Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder.
Prerequisites
Use PHP 8.2+, Composer, Node.js 20+, and Docker for MySQL stages.
Port 8005 must be free. Copy .env.example before database stages.
- PHP and Composer
- Node.js and npm
- Docker from part 4 onward
Concepts
Named routes keep template links stable when URLs change.
Twig escapes output by default; Tailwind styles the storefront; Doctrine owns persistence and voters enforce ownership.
Walkthrough
Add home, about, health, and placeholder catalog routes.
Read the example, then open the matching snapshot. The repository includes validation, CSRF, and the surrounding structure.
#[Route('/', name: 'home')]
public function home(): Response
Run and verify
Enter 02-Routing, composer install, copy .env, migrate, seed, build assets, and serve on port 8005.
Open http://127.0.0.1:8005. From data lessons onward, Ada and Grace use password123.
git clone https://github.com/michaeldunga1/fcc-symfony-ecommerce.git
cd fcc-symfony-ecommerce/02-Routing
composer install
npm install
cp .env.example .env
php bin/console doctrine:migrations:migrate -n
php bin/console app:seed
npm run build
symfony server:start --port=8005 --no-tls
# or: php -S 0.0.0.0:8005 -t public
Troubleshooting
A 404 usually means the verb or URI does not match the router table.
For database failures, confirm Docker and the stone_NN name. Never commit .env, vendor, or node_modules.
- Read the first exception first
- Rebuild assets after Tailwind class changes
- Never commit secrets
Try this
Add a named /contact route and link it from the layout.
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: Layout and UI
Comments
One comment per signed-in account. Comments are saved with this page’s URL.