top of page
Product
Add collaboration to your PR preview environments.
Use Livecycle's SDK to turn your preview environments (Vercel, Netlify, or whatever pipeline you use) into collaborative playgrounds.
With Livecycle, everyone on the team can leave clear review feedback, in context, on top of the product..
Watch how installing Livecycle to your preview environmetns will speed up your development workflow:
Trusted by great developers.
Some of the developer experience-focused teams who are loving Livecycle
“I was surprised at how easy it was to get Livecycle set up. Thanks to Livecycle we’re able to close PRs faster, with less context switching than ever before. Highly recommended for any team trying to collaborate on building a front-end heavy product”
- Tom Peri, Software Engineering Team Lead @ Wilco
Learn how Wilco's cross-functional sign-off process became frictionless using Livecycle
How it works
3 minutes. 3 commands.
Quickly install the Livecycle SDK to any environment:
Step 1
Open a branch
npm install livecycle-sdk
Step 2
Install the Livecycle SDK
import { Livecycle } from 'livecyclesdk'Livecycle.init ()
Step 3
Initialize the SDK at the root of your project:
Step 4
Open a pull request
livecycle link --from-git . --url="<url>" --api-key="my-api-key"
Step 5
Link your preview environment to a Livecycle playground:
Step 6
Get ridiculously clear, contextual feedback on your latest changes
That's it.
It's that simple.
Once you install the SDK, your preview environments will have Livecycle's contextual collaboration tools built in.
We're here to help.
Have questions? Need help getting started? Let us know.
Frequently asked questions
-
I'm already set up to produce preview environments for my PRs. Is Livecycle relevant for me?Absolutely. We've just launched our SDK for exactly this use case. With just a few commands, you can install Livecycle to your existing pipeline and get our visual annotation layer built-in to those preview environments.
-
What preview environment services are supported?Livecycle can be installed quickly on virtually any existing preview environment platform or service, including the big names like Netlify and Vercel, and pretty much any of the more boutique alternatives available. All you need to do is install and initialize the SDK, open a PR and link the preview environment to Livecycle one time. Then, all your preview environments will include the Livecycle annotation layer and smart notifications.
-
How much does it cost?We’ve got a free tier to get started and we're free forever for Open Source projects. For ongoing, long-term use, we’ll be introducing a per-seat pricing model.
-
What happens to the feedback that is left in Livecycle? Do I need to copy and paste it by hand into my issue tracker??Every comment you receive in Livecycle, that you address within the context of the original ticket (i.e. the same branch) doesn't have to make it into the issue tracker, since it's handled "on the spot". If there are comments that exceed the scope of the original work (basically anything that you understand should be a standalone issue), you can send them from Livecycle directly into your issue tracker. We currently support Linear, and plan to support JIRA and ClickUp in a couple of weeks.
-
How will I know when people leave me feedback in Livecycle?Our smart notifications let the relevant folks know when something important has happened - if you've been invited to a playground, if you have a new comment or mention and more. You can set up these notifications for email or with a dedicated Slack channel that will keep everyone on the team posted when there's new activity for a PR that's under review.
-
What's the point of having others leave feedback in an unstable environment that isn’t ready to be fully tested?The best practice for using Livecycle is sharing an environment once it reaches a PR stage - meaning your PMs, UX and other stakeholders are actually reviewing your code outputs while your peers are reviewing your code.
-
I already have an iterative review process with my team. What value does Livecycle add?Iterative communication is at the heart of what we do at Livecycle. Our aim is to make the iterations shorter - by making feedback arrive in the right time and place. Using Livecycle doesn't require you to do things differently, it just lets you do things better and more effectively. Less context switching, clearer feedback in context, and faster PR turnarounds.
bottom of page