Getting Started

Welcome to ChatPage, an AI-development environment to build conversational agents. Our platform transforms your ideas into full-stack AI agents built with Next.js and the Vercel AI SDK, from simple chatbots to sophisticated shopping assistants, sales agents, and support agents. Unlike traditional agent platforms, ChatPage is a full-stack environment that runs the entire agent in a Next.js browser runtime, giving you complete control over both the UI and the agent logic.

Ways to Get Started

There are several ways to begin building with ChatPage:

1. Start with a Prompt

The quickest way to get started is by writing a prompt on the homepage. Simply describe the agent you want to build, and ChatPage will generate a complete application for you. Whether it’s a Shopify shopping assistant, a sales agent, or a customer support agent, just tell us what you need.

2. Use a Template

Choose from our pre-built templates to jumpstart your agent:

• Shopify Shopping Assistants: Conversational agents that help customers browse, discover, and purchase products from your Shopify store
• Sales Agents: AI-powered agents that qualify leads, answer product questions, and guide customers through the buying process
• Support Agents: Intelligent agents that handle customer inquiries, troubleshoot issues, and provide real-time assistance
• Custom Agent Designs: Fully customizable agent interfaces tailored to your brand and use case
• And many more: Browse our template library for inspiration

3. Import from GitHub

Already have a project? You can import existing public repositories from GitHub to continue development with AI assistance. This works best with Next.js 15 projects using the Vercel AI SDK, allowing you to enhance and expand your agents using ChatPage’s AI capabilities.

Technology Stack

ChatPage agents are built using modern, industry-standard technologies:

• Next.js: React framework for production-ready applications
• Vercel AI SDK: Framework for building conversational AI interfaces and agent tooling
• TailwindCSS: Utility-first CSS framework for rapid styling
• shadcn/ui: Beautiful, accessible component library

This tech stack ensures your agents are performant, maintainable, and built with best practices in mind.

Next Steps

Once you’ve created your first agent, you can:

• Learn about effective prompting techniques in our Guide to Prompting
• Connect your agent to Shopify for e-commerce capabilities
• Set up database connections with Supabase for persistent agent memory
• Collaborate with your team using our Teams feature