JamAI Base Docs
  • GETTING STARTED
    • Welcome to JamAI Base
      • Why Choose JamAI Base?
      • Key Features
      • Architecture
    • Use Case
      • Chatbot (Frontend Only)
      • Chatbot
      • Create a simple food recommender with JamAI and Flutter
      • Create a simple fitness planner app with JamAI and Next.js with streaming text.
      • Customer Service Chatbot
      • Women Clothing Reviews Analysis Dashboard
      • Geological Survey Investigation Report Generation
      • Medical Insurance Underwriting Automation
      • Medical Records Extraction
    • Frequently Asked Questions (FAQ)
    • Quick Start
      • Quick Start with Chat Table
      • Quick Start: Action Table (Multimodal)
      • ReactJS
      • Next JS
      • SvelteKit
      • Nuxt
      • NLUX (Frontend Only)
      • NLUX + Express.js
  • Using The Platform
    • Action Table
    • Chat Table
    • Knowledge Table
    • Supported Models
      • Which LLM Should You Choose?
      • Comparative Analysis of Large Language Models in Vision Tasks
    • Roadmap
  • 🦉API
    • OpenAPI
    • TS/JS SDK
  • 🦅SDK
    • Flutter
    • TS/JS
    • Python SDK Documentation
      • Quick Start with Chat Table
      • Quick Start: Action Table (Mutimodal)
        • Action Table - Image
        • Action Table - Audio
      • Quick Start: Knowledge Table File Upload
Powered by GitBook
On this page
  • 1. Create Chat Agent
  • 2. Get the following information to start using JamAIBase
  • 3. Clone the Chatbot Example
  • 4. Update the App.tsx
  • 5. Start app
  • 6. Manage and View Conversation Histories in Chat Table

Was this helpful?

  1. GETTING STARTED
  2. Quick Start

NLUX (Frontend Only)

PreviousNuxtNextNLUX + Express.js

Last updated 11 months ago

Was this helpful?

Want to get started quickly? Check out this frontend only example! They're the fastest way to see the SDK in action. However, these examples are meant for testing and exploration only. In a real application, it's important to protect your API key. We'll show you how to do that in our secure setup guide.

1. Create Chat Agent

  • Create Project

  • Create a Chat Agent at Project > Chat Table > New Agent

  • Configure your agent. You can define the following parameters.

Parameter
Description

Agent ID

Name of Agent

Model

LLM model

Temperature

Max tokens

Top-p

System Prompt

Define the persona of the model

User message

Define the conversational opener between User and AI

AI response

Define the conversational opener between User and AI

2. Get the following information to start using JamAIBase

  • Get the Agent ID.

  • Get the Project ID.

  • Create JamAI API Key at Organization > Secrets > Create API Key.

3. Clone the Chatbot Example

git clone https://github.com/EmbeddedLLM/jamaibase-cookbook

# example is at https://github.com/EmbeddedLLM/jamaibase-cookbook/tree/main/quickstart/nlux/0001-chat-with-jamai-agent

4. Update the App.tsx

...
const baseURL = "https://api.jamaibase.com";
const apiKey = "<jamaibase-api-key";
const projectId = "<jamaibase-project-id>";
const agentId = "<your-agent-id";
...

5. Start app

cd jamaibase-cookbook/quickstart/nlux/0001-chat-with-jamai-agent
npm install
npm run dev
  • Open up your app at http://localhost:5173 .

6. Manage and View Conversation Histories in Chat Table