Punch out tester

PunchOut is a collection of standards that facilitate integration between suppliers eCommerce sites and their buyer’s eProcurement systems. The two most well-known stardards are OCI and cXML.

This site allows users to simulate punchout to suppliers eCommerce sites and inspect the data in and out. I use this site to test changes to punchout gateway and eCommerce site.

The project SimFre/Punchout inspired the development. The tech stack includes Nuxt/Vue/Tailwind/TypeScript.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.