Overview
Introduction to the Manage My Booking application.
What is Manage My Booking?
Manage My Booking is a customer-facing web application that allows consumers to view and manage their booking details. Users access the application via unique booking URLs and are presented with a fully white-labelled experience based on the associated brand.
The application is built with Next.js 14 and deployed as a serverless application on AWS using SST (Serverless Stack).
Key capabilities
- Booking display — View booking details including reference, state, and line items for a specific booking ID.
- White-label branding — Automatically applies the brand's colours, fonts, logos, and spacing to the entire interface.
- Multi-language support — Language is determined from the booking's language setting, with fallback to English.
- Multi-currency display — Prices are displayed in the booking's sale currency.
- Booking cancellation — Consumers can cancel bookings when enabled by the entity configuration.
- Server-side rendering — Booking data is fetched on the server for fast initial page loads.
How it works
Each booking has a unique URL:
https://managemybooking.holibob.tech/{bookingId}
When a consumer visits this URL:
- The server fetches the booking and its associated brand via the GraphQL API.
- Brand styling (colours, fonts, logos) is applied to the page.
- The booking management form is rendered with consumer-appropriate permissions (read-only).
- The consumer can view booking details and, if enabled, request cancellation.
Access pattern
The application has no home page — the root URL returns a 404. All access must be via a valid booking ID in the URL path. This ensures that consumers can only view bookings they have the direct link to.
Environments
| Environment | URL |
|---|---|
| Production | https://managemybooking.holibob.tech/{bookingId} |
| Preview | https://managemybooking.{stage}.preview.holibob.tech/{bookingId} |
| Development | http://localhost:3006/{bookingId} |