Frontend guides

Your Next.js storefront: the pages, the feature packages on them, and how they look. Each guide takes one change from start to a working result.

Add a feature packageInstall a storefront feature package and wire it into your project, from the backend module to a working page.

Customize a componentChange how a feature component looks or behaves: style it, rearrange its parts, or take over a part.

Use your own iconsRestyle Evolve's icons, swap the icon of one component, or point every feature at your own icon set.

Confirm an add to cartShow the shopper what went into the cart: with the shipped sheet, or with your own toast, dialog or mini-cart.

Extend a feature's dataShow or submit a field that a feature package does not know about, without forking the package.

Style and brandApply your brand to every Evolve component through design tokens, and check its contrast.

Add a languageServe your storefront in another language or market: routing, message files, store context, and CMS content.

Show a facet as swatchesShow the color facet of a product listing as color swatches instead of a list of checkboxes.