> For the complete documentation index, see [llms.txt](https://docs.tutim.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tutim.io/admin-portal/remote-schemas.md).

# Remote Schema

Forms built on the portal could be served in real-time using [FormProvider](/react-sdk/formprovider.md)

add `clientId` to your `FormProvider Options`

use `formId` in your forms instead of config in `TutimWizard` , `useForm` or if you want to manipulate the config, you could also use it with `useFormConfig`.

#### Example

```jsx
import { TutimWizard, defaultFields } from "@tutim/fields";
import { FormProvider } from "@tutim/headless";

const App = () => {
  return (
    <FormProvider
      fieldComponents={defaultFields}
      options={{ clientId: "INSERT_CLIENT_ID_HERE" }}
    >
      <TutimWizard onSubmit={console.log} formId="INSERT_FORM_ID_HERE" />
    </FormProvider>
  );
};

export default App;
```