Skip to content
CHATPAGE

Technology Stack

ChatPage uses a modern, production-ready technology stack to power your projects. All code runs in a sandbox environment optimized for performance and security.

Core Technologies

Section titled “Core Technologies”

Next.js

Section titled “Next.js”

ChatPage uses a Next.js runtime environment in the browser, supporting route management, server actions, API endpoints, and streaming. Environment variables are securely injected and proxied through a whitelist of approved domains, keeping your API keys safe while enabling connections to third-party services.

React

Section titled “React”

Build interactive user interfaces with React, the industry-standard JavaScript library for component-based UI development.

TypeScript

Section titled “TypeScript”

All projects use TypeScript for type-safe code, better developer experience, and fewer runtime errors.

Vercel AI SDK

Section titled “Vercel AI SDK”

Every AI agent built with ChatPage is powered by the Vercel AI SDK, the industry-leading framework for building conversational AI applications. It provides first-class support for multi-modal interactions, tool calling, real-time streaming, and multi-step agent workflows. Built-in primitives for memory, context management, and observability make it straightforward to build production-grade agents that can reason, take actions, and maintain state across conversations.

Supabase

Section titled “Supabase”

ChatPage includes native Supabase support, giving your agents access to a full backend platform out of the box. Extend your agents with custom database schemas, row-level security, user authentication, file storage, and real-time subscriptions — all without managing infrastructure.

Tailwind CSS

Section titled “Tailwind CSS”

Style your applications with Tailwind CSS, a utility-first CSS framework for rapid UI development without writing custom CSS.

Serverless Functions

Section titled “Serverless Functions”

ChatPage supports serverless edge functions using Next.js API routes. These functions allow you to:

  • Execute server-side logic securely
  • Connect to external APIs and databases
  • Handle form submissions and data processing
  • Keep sensitive code and API keys hidden from the browser

See the Serverless Functions documentation for more details on creating and using serverless functions.