Skip to main content
Xano works with any frontend that can make HTTP requests. How you connect depends on how you’re building your app.

Custom Coded Apps

Building with Next.js, React, Vue, or another framework? Use the Xano JS SDK, standard REST calls, or let AI coding assistants like Claude Code and Cursor generate your integration from your Swagger docs.

AI App Builders

Using Lovable, Bolt, or Replit? Import your auto-generated Swagger/OpenAPI spec and let the AI builder wire everything up for you.

No-Code Builders

Using WeWeb, Bubble, or another no-code platform? Connect with native Xano plugins or standard REST API calls.

​
Xano’s Auto-Generated Swagger Docs

No matter which approach you choose, Xano’s auto-generated Swagger/OpenAPI documentation is your best friend. Every API you build is automatically documented with endpoints, request/response schemas, and authentication requirements.
We recommend enabling workspace-level (combined) Swagger documentation so you have a single URL that covers all of your API groups. This is the easiest way to share your full API surface with any frontend tool, AI builder, or team member. See Swagger/OpenAPI Docs for setup instructions.

​
Other Ways to Connect

  • Static Hosting — Host your frontend directly in Xano alongside your backend.
  • Realtime (WebSockets) — Add real-time features using the Xano JS SDK or WebSocket connections.