Skip to main content

Quick Start

Get Appilots running in your React Native app in 5 minutes.

Prerequisites​

Step 1: Install the SDK​

npm install @appilots/sdk

Step 2: Wrap your app​

import { AppilotsProvider, AppilotsChat } from '@appilots/sdk';

function App() {
  return (
    <AppilotsProvider
      config={{
        projectId: 'your-project-id',
        apiKey: 'ak_xxxxxxxxxxxx...',
      }}
    >
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Home" component={HomeScreen} />
        </Stack.Navigator>
      </NavigationContainer>
      <AppilotsChat />
    </AppilotsProvider>
  );
}

projectId is the minimum required field, but apiKey is what authenticates the SDK against the Appilots API (https://api.appilots.com) — without it, requests from this app instance will be rejected. Get both from your project on the dashboard. Send the key as a bearer token: Authorization: Bearer <API_KEY>.

Step 3: Sync MCP documents​

npm install -g @appilots/cli

appilots sync

The sync command will analyze your app and upload the MCP documents to your Appilots project.

Step 4: Test it!​

Open your app, tap the chat, and ask the AI to navigate or fill a form.

Next steps​

Last updated on