Today, we’re launching a new feature that enables people to create collaborative
experiences without setting up their own authentication endpoint.

Previously, developers had to create their own endpoint to be able to use
Liveblocks. While this is great for products that need to control who should
have access to different Liveblocks rooms, this also means that a majority of
people who want to add things like live cursors to their website or prototype
couldn’t do it because they have no easy way to set up their own authentication
endpoint.

<Figure highlight={false}>
  <Image
    src="/images/blog/public-key-before-after.gif"
    alt="With and without public key feature"
    width={672}
    height={416}
    quality={90}
  />
</Figure>

With the client-side only mode, you can easily install Liveblocks into your
project by ensuring [the public API key](/dashboard/apikeys) associated with
your Liveblocks account is activated.

<Figure>
  <video autoPlay loop muted playsInline>
    <source src="/images/blog/video-public-key.mp4" type="video/mp4" />
  </video>
</Figure>

You can then use Liveblocks in client-side only mode by using the `publicApiKey`
in the [`createClient`](/docs/api-reference/liveblocks-client#createClient)
method when connecting to Liveblocks in your codebase.

```js
import { createClient } from "@liveblocks/client";

// Create a Liveblocks client and
// replace this key with your public key
// provided at https://liveblocks.io/dashboard/projects/{projectId}/apikeys
const client = createClient({
  publicApiKey: "{{PUBLIC_KEY}}",
});
```

If you’d like to make your landing pages or prototypes a bit more interactive,
feel free to [create an account](/auth/signup) and
[follow one of our get started guides](/docs/get-started). We can’t wait to see
what you make with this!