A lightweight Next.js starter project demonstrating integration with the Monite React SDK.
- Overview
- Features
- Prerequisites
- Getting Started
- Available Scripts
- Usage
- Learn More
- Deployment
- License
This repository contains a minimal Next.js application initialized via create-next-app
, configured to demonstrate embedding the Monite React SDK within a Next.js environment.
- Built using Next.js (JavaScript)
- Supports hot-reloading via the Next.js dev server
- Automatically optimizes and loads Geist font via
next/font
integration
Ensure you have the following installed:
- Node.js (recommended LTS version)
- A package manager:
npm
,yarn
,pnpm
, orbun
-
Clone the repo:
git clone https://github.com/team-monite/monite-sdk-nextjs-quickstart.git cd monite-sdk-nextjs-quickstart
-
Install dependencies using your preferred manager:
npm install # or yarn install # or pnpm install # or bun install
-
Start the development server:
npm run dev # or yarn dev # or pnpm dev # or bun dev
-
Open your browser and navigate to
http://localhost:3000
to see your app in action.
dev
: Launches the development server with hot-reloading (vianpm run dev
,yarn dev
, etc.)- (Add any additional scripts from
package.json
here as needed)
- Modify the UI by editing files under
app/page.tsx
- Changes update in real time via hot-reloading
- Integrate Monite React components inside your UI—refer to Monite’s React SDK Quick Start guide for setup details
- 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
The easiest way to deploy is via Vercel, creator of Next.js. Check out the Next.js deployment docs for guidance.
This project is licensed under the MIT License. See the LICENSE file for details.