---
title: "Next.js MotherDuck Wasm minimal"
description: "A minimal Next.js + MotherDuck Wasm-SDK template."
url: "https://vercel.com/templates/next.js/next-js-motherduck-wasm-minimal"
links:
  repository: "https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal"
  demo: "https://motherduck-wasm-analytics-quickstart-minimal.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Next.js+MotherDuck+Wasm+minimal&demo-description=A+minimal+Next.js+%2B+MotherDuck+Wasm-SDK+template.&demo-url=https%3A%2F%2Fmotherduck-wasm-analytics-quickstart-minimal.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1w2TYFWah0s8Lb8YOksOr0%2F376a47dce72431d411ceb0105bee929f%2Fdemo_thumbnail_edit__minimal.png&project-name=Next.js+MotherDuck+Wasm+minimal&repository-name=next-js-motherduck-wasm-minimal&repository-url=https%3A%2F%2Fgithub.com%2FMotherDuck-Open-Source%2Fnextjs-motherduck-wasm-analytics-quickstart-minimal&from=templates&skippable-integrations=1&stores=%5B%7B%22type%22%3A%22integration%22%2C%22productSlug%22%3A%22motherduck%22%2C%22integrationSlug%22%3A%22motherduck%22%7D%5D"
---

# Next.js MotherDuck Wasm minimal

A minimal Next.js + MotherDuck Wasm-SDK template.

# 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](https://motherduck.com/docs/), [MotherDuck Wasm client](https://motherduck.com/docs/key-tasks/data-apps/wasm-client/)

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FMotherDuck-Open-Source%2Fnextjs-motherduck-wasm-analytics-quickstart-minimal&stores=%5B%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22motherduck%22%2C%22productSlug%22%3A%22motherduck%22%7D%5D)

## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), [pnpm](https://pnpm.io), or [Bun](https://bun.sh/docs/cli/bunx) to bootstrap the example:

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

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

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

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


## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](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.

## Related Templates

### [Next.js Boilerplate](https://vercel.com/templates/next.js/nextjs-boilerplate)

Get started with Next.js and React in seconds.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.