Storefront overview
Your storefront is the public-facing side of your marketplace — the website where users browse, create listings, and communicate with each other. Each site gets its own storefront at its unique subdomain.
Layout
The storefront has a clean, responsive layout that works on desktop and mobile devices.
Navigation bar
The top navigation bar appears on every page and includes:
- Logo / site name — Links to the homepage
- Browse — Links to the full listings page
- My Listings — Your active and expired listings (visible only when logged in)
- Messages — Your inbox with an unread count badge (visible only when logged in)
- Login / Register — For guests who aren't signed in
- Account menu — For logged-in users
On mobile devices, the navigation collapses into a slide-out sidebar menu.
Content area
Each page has a main content area with listings, forms, or information, depending on the page.
Homepage
The homepage is the first thing users see when they visit your marketplace. It displays:
- The 6 most recent active listings in a responsive card grid
- Each card shows the listing's first photo (or a placeholder), title, price, and location
- Clicking a card takes the user to the listing detail page
Only active listings
The homepage only shows active (non-expired) listings. Expired listings are hidden from the homepage and browse page.
Pages
Your storefront includes the following pages:
| Page | URL | Description |
|---|---|---|
| Homepage | / | Recent active listings |
| Browse listings | /listings | All active listings with search and filtering |
| Listing detail | /listings/{id} | Full listing with photos and messaging |
| Create listing | /listings/create | Form to post a new listing (login required) |
| Edit listing | /listings/{id}/edit | Edit or delete your own listing (owner only) |
| My Listings | /my-listings | Your active and expired listings (login required) |
| Messages inbox | /messages | Your conversation list (login required) |
| Conversation | /messages/{id} | A single conversation thread (login required) |
| Login | /login | Sign in page |
| Register | /register | Create a new account |
Mobile experience
The storefront is fully responsive. On mobile devices:
- The navigation bar collapses into a hamburger menu
- Listing grids switch from multi-column to single-column
- Forms and detail pages adjust to fit smaller screens
- All features remain available — no functionality is lost on mobile