Skip to content

Pages

Whole routes, composed from sections and the ecommerce kit. Installing one writes a file at the path shown — so it replaces whatever is already there, which is the point: a page is a starting point, not a fragment.

  • /account
    The signed-in user's own account screen: profile, password, email address, active sessions, and account deletion. Changing a password requires the current one and revokes every other session.
    app/account/page.tsx
    @arrecho/account-settings-ui
  • The cart surface: line items with live re-pricing, free-shipping progress, order summary, and a recommendation shelf. Installs the route and the view it renders.
    app/cart/page.tsx
    @arrecho/ecommerce-cart-ui
  • Checkout and order confirmation. The form collects contact, address and delivery method, then places a pending order; the confirmation reads it back by token, so a guest can see their receipt without an account.
    app/checkout/page.tsx
    @arrecho/ecommerce-checkout-ui
  • /forgot-password
    The three screens someone who cannot sign in needs: request a reset link, choose a new password, and confirm an email address. Every state is a view that renders from props, so the flows are browsable without a database.
    app/forgot-password/page.tsx
    @arrecho/account-recovery-ui
  • Checkout and order confirmation. The form collects contact, address and delivery method, then places a pending order; the confirmation reads it back by token, so a guest can see their receipt without an account.
    app/order/[token]/page.tsx
    @arrecho/ecommerce-checkout-ui
  • The shopping surfaces: homepage, product listing with server-side filtering and paging, and a product detail page with variant selection. Installs three routes and the views they render.
    app/page.tsx
    @arrecho/ecommerce-storefront-ui
  • /reset-password
    The three screens someone who cannot sign in needs: request a reset link, choose a new password, and confirm an email address. Every state is a view that renders from props, so the flows are browsable without a database.
    app/reset-password/page.tsx
    @arrecho/account-recovery-ui
  • The shopping surfaces: homepage, product listing with server-side filtering and paging, and a product detail page with variant selection. Installs three routes and the views they render.
    app/shop/[slug]/page.tsx
    @arrecho/ecommerce-storefront-ui
  • The shopping surfaces: homepage, product listing with server-side filtering and paging, and a product detail page with variant selection. Installs three routes and the views they render.
    app/shop/page.tsx
    @arrecho/ecommerce-storefront-ui
  • /verify-email
    The three screens someone who cannot sign in needs: request a reset link, choose a new password, and confirm an email address. Every state is a view that renders from props, so the flows are browsable without a database.
    app/verify-email/page.tsx
    @arrecho/account-recovery-ui