Monite SDK Next.js quickstart

Overview

This guide shows how to build a clean Next.js application created with create-next-app, preconfigured to demonstrate integration with the Monite React SDK.

Features

• Built with Next.js
• Hot-reloading through the Next.js dev server
• Optimized Geist font via next/font integration

Prerequisites

Before you begin, make sure you have:

• Node.js (LTS version recommended)
• A package manager — npm, yarn, pnpm, or bun

Getting started

1. Clone the repository:

   $
   git clone https://github.com/team-monite/monite-sdk-nextjs-quickstart.git

2. Change to your project directory

   $
   cd monite-sdk-nextjs-quickstart

3. Install dependencies using your preferred manager:

   npmYarnpnpmBun

   1
   npm install

4. Start the development server:

   npmYarnpnpmBun

   1
   npm run dev

5. Open your browser and navigate to http://localhost:3000 to see your app in action.

Available scripts

• dev — Starts the development server with hot-reloading (npm run dev, yarn dev, etc.)
• (Add any other scripts from package.json if needed)

Usage

• Edit the UI in app/page.tsx.
• See changes instantly with hot-reloading.
• Add Monite React components to your pages — follow the React SDK Quick Start for setup details.

Learn more

• Next.js Documentation — learn about Next.js features and API
• Interactive Next.js Tutorial — Learn Next.js
• Monite React SDK Quick Start Guide
• Monite SDK Monorepo

Deployment

The easiest way to deploy is with Vercel, the creators of Next.js. For details, see the Next.js deployment documentation.