---
title: "Next.js MotherDuck Wasm analytics quickstart"
description: "A Next.js + MotherDuck Wasm-SDK quickstart template containing an interactive data visualization example."
url: "https://vercel.com/templates/next.js/next-js-motherduck-wasm-analytics-quickstart"
links:
  repository: "https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart"
  demo: "https://motherduck-wasm-analytics-quickstart.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Next.js+MotherDuck+Wasm+analytics+quickstart&demo-description=A+Next.js+%2B+MotherDuck+Wasm-SDK+quickstart+template+containing+an+interactive+data+visualization+example.&demo-url=https%3A%2F%2Fmotherduck-wasm-analytics-quickstart.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F2JIyxHPLySYwsvcbT2sq1f%2Fd12350351bbc94c60e5445ea6c929790%2Fdemo-thumbnail-edit.webp&project-name=Next.js+MotherDuck+Wasm+analytics+quickstart&repository-name=next-js-motherduck-wasm-analytics-quickstart&repository-url=https%3A%2F%2Fgithub.com%2FMotherDuck-Open-Source%2Fnextjs-motherduck-wasm-analytics-quickstart&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 analytics quickstart

A Next.js + MotherDuck Wasm-SDK quickstart template containing an interactive data visualization example.

# Next.js MotherDuck Wasm analytics quickstart

This is a [Next.js](https://nextjs.org) app using the MotherDuck storage backend with the Wasm-SDK client, with an interactive data analytics example. A live demo can be found [here](https://motherduck-wasm-analytics-quickstart.vercel.app/).

A minimal starter template can be found [here](https://github.com/MotherDuck-Open-Source/nextjs-motherduck-wasm-analytics-quickstart-minimal).

[![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.git&stores=%5B%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22motherduck%22%2C%22productSlug%22%3A%22motherduck%22%7D%5D)


## 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.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

## Related Templates

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

Get started with Next.js and React in seconds.

## Related Integrations

### [MotherDuck](https://vercel.com/marketplace/motherduck)

The serverless backend for analytics

---

## 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.