<BlogPostCustomerFacts
  logo="/images/companies/logos/hashnode.svg"
  name="Zapier"
  urlWebsite="https://hashnode.com"
  teamSize={40}
  yearFounded={2015}
  customerSinceDate={new Date(2023, 9, 1)}
/>

## Challenge

[Hashnode](https://hashnode.com) is a blogging and community platform for
developers and technology enthusiasts. It provides a space where developers can
write about their experiences, share tutorials and insights with a community of
like-minded individuals. With their headless CMS provider, Hashnode has become
the de-facto blogging platform for many developer tool companies.

By going after teams, it became essential for Hashnode to make their text editor
collaborative. Their customers were used to Google Docs or Notion to draft blog
posts together, so they needed a solution that brought all the table stakes
collaborative features people are used to into their product.

## Solution

Time to market was important for Hashnode. They decided to use Liveblocks to
power all the collaboration features within their product: collaborative text
editing, comments, and notifications.

<BlogPostQuote
  quote="Working with Liveblocks was an absolute breeze. Their APIs are not only easy to use but also incredibly intuitive, making the integration process a smooth ride. We heavily rely on broadcast API to sync settings between editors and I must praise how fast and reliable the socket connection is."
  author={{
    name: "Dev Shekhawat",
    title: "Software Engineer at Hashnode",
    avatarUrl: "/images/people/dev-shekhawat.jpg",
    companyAvatarUrl: "/images/companies/avatars/hashnode.jpg",
    companyName: "Hashnode",
  }}
/>

Because Hashnode already had an existing text editor powered by Tiptap, it
became easy to add realtime collaborative editing to their editor thanks to
Liveblocks [Sync Datastore](/sync-datastore) and [Text Editor](/text-editor)
products.

Once collaborative editing was implemented, Hashnode started implementing
comments and notifications to make aysnc collaboration seamless for their users.
Within a couple of days, they leveraged Liveblocks [Comments](/comments) and
[Notifications](/notifications) to integrate inline comments and mentions in
their text editor.

<BlogPostQuote
  quote="Liveblocks has truly excelled in crafting a reliable tool with a robust infrastructure. It took us just a couple of days to integrate inline comments in our draft editor thanks to ready to use React primitives."
  author={{
    name: "Dev Shekhawat",
    title: "Software Engineer at Hashnode",
    avatarUrl: "/images/people/dev-shekhawat.jpg",
    companyAvatarUrl: "/images/companies/avatars/hashnode.jpg",
    companyName: "Hashnode",
  }}
/>

## Results

With Liveblocks, Hashnode was able to add all the table stakes collaborative
features to their text editor in just a couple of weeks. This enabled them to
sell their CMS platform to larger teams that rely heavily on collaborative
features from other tools.

<BlogPostQuote
  quote="At Hashnode, we prioritize managed solutions to focus on our core challenges and let experts handle the rest. Choosing Liveblocks was a no-brainer; their expertise in collaborative editing and realtime infrastructure is unmatched. Thanks to them, we shipped our real-time editing and review comments feature in record time."
  author={{
    name: "Sandeep Panda",
    title: "CTO at Hashnode",
    avatarUrl: "/images/people/sandeep-panda.jpg",
    companyAvatarUrl: "/images/companies/avatars/hashnode.jpg",
    companyName: "Hashnode",
  }}
/>

If you’d like to make your product collaborative, we have many
[open-source examples](/examples) available.