Next.js MotherDuck Wasm analytics quickstart (minimal)

This is a minimal example of how to use Next.js with the MotherDuck Wasm client, which you can use as the starting point of your data analytics app.

Docs: MotherDuck, MotherDuck Wasm client

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm, Yarn, pnpm, or Bun to bootstrap the example:

1
npx create-next-app --example https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal

1
yarn create next-app --example https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal

1
pnpm create next-app --example https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal

1
bunx create-next-app --example https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal

Getting Started

First, run the development server:

1
npm run dev
2
# or
3
yarn dev
4
# or
5
pnpm dev
6
# or
7
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.