Skip to main content

Nuxt demo

The Nuxt demo implements Kora Market as a Vue storefront. A Nitro server route validates the checkout and creates the Inttegro order without publishing the API key through client runtime configuration.

About the app

Kora Market gives shoppers a simple path from considering a Dawn Brew Set to choosing a finish, reviewing the bag, and paying for it. The storefront keeps the product decision clear and the transition into checkout deliberate.

For the merchant, it turns a product-led Vue experience into a complete sales journey. The browser remains fast and interactive while the server protects the order, price, and credentials that the business relies on.

Start with MCP

Connect your MCP client and ask MCP to adapt this product checkout to your Nuxt application. It can map the client/server boundary, order request, redirect, and verification work.

What it demonstrates

  • A Nuxt 4 storefront with a Nitro server route
  • Typed order creation with the Inttegro TypeScript SDK
  • Server-only configuration, cookie correlation, and safe errors
  • A 303 redirect to Inttegro Checkout

Run the demo

Install a supported Node.js release, provide the private server environment values, and start Nuxt. The released README contains the exact install, run, type-check, and test commands.

Follow the integration

  1. server/utils/checkout.ts constructs the order and maps failures at the SDK boundary.
  2. server/routes/checkout.post.ts owns validation, cookie correlation, and the redirect.

Production boundary

Do not expose the API key through public Nuxt runtime configuration. Persist a durable order mapping and verify paid state from the server before fulfillment.

Continue