---
title: "Getting started with Instant sync & collaboration | Nutrient"
canonical_url: "https://www.nutrient.io/guides/web/pspdfkit-instant/getting-started/"
md_url: "https://www.nutrient.io/guides/web/pspdfkit-instant/getting-started.md"
last_updated: "2026-06-09T10:37:33.753Z"
description: "Quick start guide for integrating Nutrient Web SDK with installation steps, configuration, and basic implementation."
---

# Integrating sync and collaboration into your JavaScript application

Instant sync and collaboration is available when using [Web SDK](https://www.nutrient.io/guides/web.md) with [Document Engine](https://www.nutrient.io/guides/document-engine.md). For more information, refer to the [operational mode](https://www.nutrient.io/guides/web/about/operational-modes.md) guide.








```javascript

NutrientViewer.load({
  authPayload: { jwt: "xxx.xxx.xxx" },
  container: ".foo",
  documentId: "85203",
  instant: true
}).then((instance) => {
    console.log("Successfully mounted PSPDFKit", instance);
  }).catch((error) => {
    console.error(error.message);
  });

```

## Prerequisites

To use Instant sync, you need:

1. **Instant component enabled** in your license (all features are enabled during trials)

2. **[Document Engine](https://www.nutrient.io/guides/document-engine.md)** as your central server for real-time syncing

3. **[Web viewer integrated with Document Engine](https://www.nutrient.io/sdk/web/getting-started.md)**

4. **[Instant flag](https://www.nutrient.io/api/web/NutrientViewer.Configuration.html#instant)** enabled when displaying your document

Instant sync isn't available in standalone mode — Document Engine is required.

## Permissions

If you have the [Collaboration Permissions](https://www.nutrient.io/guides/web/collaboration-permissions/introduction-to-collaboration-permissions.md) license feature enabled, you also have access to a granular permission system, which allows you to control what each user can see and do. To use it, you have to include the `collaboration_permissions` and `user_id` properties in your [JSON Web Token](https://www.nutrient.io/guides/web/instant-synchronization/authentication.md) (JWT).

Here's how this might look:

```js

const token = {...otherProperties,
  collaboration_permissions: [
    "annotations:view:all",
    "annotations:edit:all"
  ],
  user_id: "user-12345"
};

```

The presence of `collaboration_permissions` and `user_id` is mandatory for enabling Collaboration Permissions.

If the Collaboration Permissions feature is enabled, all its associated actions are disabled unless you manually allow them. For example, `collaboration_permissions: []` means users won't be able to view any annotation, comment, or form field on a PDF. If `collaboration_permissions` isn't present in the JWT, then Collaboration Permissions will automatically be disabled, and users will be able to perform every action without any restriction.

In the code mentioned above, you can see that `collaboration_permissions` is an array of permission strings. The permission strings define the permissions that have been granted to the user. Each string consists of three parts written in the `<content-type>:<action>:<scope>` format. You can learn more about different possible values of content type, action, and scope in the [Defining Permissions](https://www.nutrient.io/guides/web/collaboration-permissions/defining-permissions.md) guide.
---

## Related pages

- [Document layers for all workflows](/guides/web/instant-synchronization/instant-layers.md)
- [Instant sync and collaboration](/guides/web/instant-synchronization.md)
- [Secure client authentication with JWT for web apps](/guides/web/instant-synchronization/authentication.md)