A managed backendfor your React apps

Low friction integration

Copy-paste 3 lines of setup code, to have a fully managed backend, ready to securely store you app data. Customize as you go.

Minimal learning curve

Don't waste time learning another library. Use the patterns universally loved by React developers.

Plug and Play Authentication

Use magic-links to instantly authenticate users. All data written to the application is stored securely in a sandboxed "user-space"

Build powerful queries

Instantly query all your app data, from all your app users using Cloud Queries. Access the results with React hooks.
# install our open-source CLI
curl https://raw.githubusercontent.com/usecloudstate/cli/main/install.sh | sh
$
// 1. Import our client libraries
import { CloudStateClient } from "@usecloudstate/react-core";
import { AuthProvider, config } from "@usecloudstate/react-web";

// 2. Initialize the client with your App Id
export const client = new CloudStateClient("<APP ID>", config);

function App() {
  // 3. Drop in our plug-and-play magic-link AuthProvider
  return (
    <>
      <AuthProvider client={client} />
      <Form />
    </>
  )
}

function Form() {
  // 4. Start saving data to the backend. Just like useState().
  const [name, setName] = 
    client.hooks.useCloudState("user.name", "");
  const [location, setLocation] = 
    client.hooks.useCloudState("user.location", "");
  
  return (
    <div>
      <input 
        value={name} 
        onChange={e => setName(e.target.value)} />
      <input 
        value={location} 
        onChange={e => setLocation(e.target.value)} />
    </div>
  )
}

Let your existing appsave user datain 4 steps