B2C Next.js store application
The Ruby store (B2C) is built on the Next.js framework, ensuring seamless browsing, easy navigation, and secure transactions. Notably, this new storefront provides server-side rendered pages to assist with Search Engine Optimization (SEO) and page previews.
Next.js store responsively adapt to different screen sizes and devices. For example, the Ruby is accessible from a desktop computer, laptop, tablet, or smartphone. The Ruby store incorporates a powerful search functionality. Users can search by keywords, product names, and categories or apply filters to narrow their options based on price, brand, size, color, and other relevant attributes.
The store provides registered and guest user shopping flows and support for shared sessions across tabs.
Pages in the B2C Next.js store application
- Home page
- Category page
- Product listing page with facets
- Product, Variant, Kit, and Bundle detail pages with
- Merchandising Associations
- Inventory Availability
- Promotion message
- Search result page with facets
- Registered user management
- Login with login ID
- Change and reset password
- Address Book
- Create shipping and billing addresses
- Edit addresses
- Delete addresses
- Checkout Profiles for quick checkout
- Cart page and Mini Cart with recently added items and cart totals
- Paging of items
- Promotion evaluation
- Checkout flow (Multi-page checkout) for registered and guest shoppers
- Shipping and Billing address
- Address book interaction
- Payment verification and processing
- Order confirmation
- Order history pages
- Order history
- Order details
- Error pages
- Marketing Content
Flows in the B2C Next.js store application
| Page | Flows |
|---|---|
|
|
|
|
|
|
|
|
|
|
|
Registering a new user to the Ruby store
User can create a registered account from the Sign In / Register page. For more information, see Registering a new user to the Ruby store.