Extensions Boilerplate

A starter template for building Moises Extensions using Next.js and Moises Design System.

Quick Start

You can create a new project based on this boilerplate using:

npm create @moises.ai/extension [extension-name]

Or clone and install manually:

git clone https://github.com/moises-ai/extensions-boilerplate.git my-extension
cd my-extension
npm install

Development

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Creating Moises Extensions

This boilerplate includes a generic example extension that demonstrates the capabilities of the Moises Extensions .

To create your own extension:

1. Create a new directory under src/app/ for your extension (e.g., src/app/my-extension/)
2. Create a page.js file with your extension code, using the Extension :

'use client';

import { initMoisesExtension } from '@moises.ai/extension';

// Initialize your extension
const useMoisesExtension = initMoisesExtension({
  id: 'your-extension-id',
  name: 'Your Extension Name',
  description: 'Description of your extension',
  author: 'Your Name',
  version: '1.0.0',
});

export default function YourExtension() {
  const { moises, isConnected } = useMoisesExtension();
  
  // Your extension logic goes here
  
  return (
    // Your extension UI
  );
}

3. Check the examples extension at src/app/clone-track/ and src/app/ui-kitchen-sink for more implementation details.

Moises Design System

This boilerplate includes the Moises Design System. To learn more about available components and styling options:

• Design System Documentation

Moises Extensions Documentation

To learn more about Moises Extensions, capabilities, and integration guides:

• Moises Extensions Documentation