Skip to main content

​
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: 
    npm install
  4. Start the development server: 
    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

​
Deployment

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