@woographql/next generates React components organized by feature area. Each component is generated from Handlebars templates and conditionally included based on your project configuration.
Reusable brand-identity components for site-wide visual consistency.
- ButtonLink - Styled link rendered as a button
- Image - Lazy-loaded image with aspect ratio and loading state
- NavLink - Styled navigation link
Structural components that compose the application shell.
- CartItemCounter - Badge showing the number of items in the cart
- Footer - Page footer with creator info and social links
- SubNav - Secondary navigation bar for shop category links
- TopNav - Responsive top navigation bar with mobile drawer
- UserNav - User navigation links (cart, checkout, account, login/logout)
Server and client components for the shop listing page.
- Shop - Server component composing the shop page
- ShopSidebar - Server component for the sidebar filter panel
- ShopProvider - Client provider managing shop query state
- ShopFilters - Client filter controls container
- AttributeFilters - Product attribute filter checkboxes
- PriceRange - Min/max price range slider
- SearchBar - Product search input with debounce
- ProductListing - Paginated product grid
- ProductCard - Individual product summary card
Components for the single-product page.
- ShopProduct - Server component composing the product page
- ProductProvider - Client provider for single-product state
- ProductImage - Product gallery image viewer
- ProductReviews - Server component listing product reviews
- ReviewForm - Client form for submitting reviews
- SimpleCartOptions - Add-to-cart for simple products
- VariableCartOptions - Variation selector and add-to-cart
- GroupedCartOptions - Grouped product quantity controls
- ExternalCartOptions - External/affiliate product link
- BundleCartOptions - Bundle product configuration
- CompositeCartOptions - Composite product builder
- ProductAddonsOptions - Product add-on field inputs (text, choice, checkbox)
- SignUpToPurchase - Sign-up prompt gating purchase for guests
Components for the cart page and cart-related UI.
- Cart - Server component composing the cart page
- CartOptions - Server component that selects the correct add-to-cart UI
- CartInfo - Cart totals summary
- CartItem - Single cart line item
- CartItemList - Scrollable list of cart items
- CartShipping - Shipping totals display
- AppliedCoupons - List of applied coupon codes
- ApplyCouponForm - Coupon code input form
- ShippingLocaleForm - Country/state/postcode shipping form
- ShippingOptions - Shipping method radio selector
Components for the checkout flow.
- Checkout - Top-level checkout layout
- CheckoutProvider - Client provider for checkout state and Stripe
- CheckoutButton - Place-order submit button
- CheckoutOrderDetails - Order summary during checkout
- ItemSummary - Line item breakdown
- OrderReview - Final review before payment
- ThankYou - Post-purchase confirmation
- OrderStatus - Order status lookup page
Components for login, registration, and access control.
- Authenticator - Top-level auth layout switching login/register
- LoginForm - Username/password login form
- RegisterForm - New customer registration form
- OAuthButtons - Third-party OAuth sign-in buttons
- Protected - Route guard redirecting unauthenticated users
- CustomerSignup - Server component for the signup page
Components for the customer account dashboard.
- AccountDashboard - Account page layout with navigation
- AccountNav - Account sidebar navigation
- AccountOrders - Order history list
- AccountAddresses - Saved addresses management
- AccountDetails - Profile information form
- AccountPaymentMethods - Saved payment methods
- AccountSubscriptions - Active subscriptions list
- AddressForm - Billing/shipping address form
- ChangePayment - Update the payment method on a subscription
Components for the NextPress-rendered blog (generated with usingNextPress and the blog enabled).
- PostArchive - Paginated list of blog posts
- SinglePost - Single blog post view
- SessionProvider - Context provider for session state and operations (see Library API)
- withTokenManager - Server route-handler wrappers that inject a request-scoped TokenManager (see Library API)
Components are conditionally generated based on your project configuration:
| Configuration | Components |
|---|
| Always generated | Brand components, Layout components, Shop components, Product components (simple/variable), SessionProvider |
authType: "withAuth" | LoginForm, RegisterForm, Authenticator, OAuthButtons, Protected, CustomerSignup, Account components |
includeCart: true | Cart page components, CartItemCounter with live count |
includeCheckout: true | Checkout components, OrderReview, ThankYou |
includeAccountPages: true | AccountDashboard, AccountNav, and all account sub-pages |
productTypes: ["subscription"] | AccountSubscriptions |
productTypes: ["bundle"] | BundleCartOptions |
productTypes: ["composite"] | CompositeCartOptions |
productTypes: ["grouped"] | GroupedCartOptions |
productTypes: ["external"] | ExternalCartOptions |
credentialStorageType: "cookies" | tokenManager, withTokenManager |
See the Configuration Guide for full details on project options.