# Sync GitHub Browser Checks with Checkly’s New Beta Feature

> Checkly now supports GitHub browser check sync. Streamline Playwright scripts directly from GitHub and automate testing workflows with ease.

Source: https://www.checklyhq.com/blog/github-browser-check-synchronization-goes-into-public-beta/

---

[Blog](https://www.checklyhq.com/blog/)

# GitHub Browser check synchronization goes into public beta

[Stefan Judis](https://www.checklyhq.com/blog/author/stefan/)

August 11, 2022 · Updated May 26, 2025

One of our goals here at Checkly is to make it easier for developers to ship excellent software. But let’s face it, getting features out is only a tiny fraction of the story. Fast-moving development teams also break things. And the more things you build, the more things can go wrong. And trust me, they will.

This is where API and [end-to-end monitoring](https://www.checklyhq.com/guides/end-to-end-monitoring/) helps. Define automated test suites that check all your properties constantly and guarantee that everything’s up and running. All the time. And if not, you, and not your users, will know about an issue immediately so that you can move fast and resolve problems.

Especially synthetic monitoring, using headless Chrome, enables you to step into your users’ shoes and test critical interaction flows on a schedule with JavaScript. But where do you store and write this JavaScript?

So far, Checkly has allowed you to write your headless browser scripts right in the Checkly UI or use Infrastructure as Code (IaC) providers such as [Terraform](https://www.checklyhq.com/product/terraform-provider/) and [Pulumi](https://www.checklyhq.com/product/pulumi-provider/) to put your monitoring setup in code and control it the same way as your infrastructure.

But not everybody uses IaC in their projects. So the question is: is there another way to use Checkly and have your browser automation scripts in code?

We have some news for you!

## Say “Hi” to GitHub Sync

We worked hard on a new feature that allows you to automatically synchronize your Browser checks from GitHub. With Checkly’s GitHub Sync you can now develop your Playwright or Puppeteer scripts locally, link them with Checkly and keep them updated via Git.

Your application and monitoring code stay in sync and the feature allows you to streamline your development workflows. Update your [Browser checks](https://www.checklyhq.com/docs/browser-checks/) on GitHub like all your other code.

If you want to learn more about it, [here’s a quick explainer video](https://www.youtube.com/watch?v=rppPOBytjTg).

But let me share some highlights about the new feature.

### Define your code sync strategies

We learned that fetching new code after a "git push" (“Sync on commit”) might work for some but not all of our users.

Consider a scenario in which you push updated application and monitoring code to GitHub. Your Git commit triggers a production build that takes ten minutes to succeed. If Checkly now fetches your Browser check code right away, your application and monitoring setup are out of sync for ten minutes. This state can result in needless alerts. And to avoid waking people up for no reason we implemented another syncing strategy – “Sync on deployment”.

This syncing strategy holds the file synchronization until a deployment finishes and only then your Browser checks are fetched and updated. Your monitoring code “goes live” with your application code so that nobody has to check false alarms.

But there’s more!

### Reuse code and load local file dependencies

My absolute favorite feature is that GitHub Sync allows you to use local dependencies. Let’s look at an example.

Suppose you have multiple Browser checks that monitor and test different areas of your website. And while these checks test different functionality they’ll probably share configuration and utility functions. Maybe you want to run all of them with a particular user agent header or they all perform the same login step. These situations scream for keeping things DRY (Don’t repeat yourself) and extracting logic.

With GitHub Sync you can place shared logic into separated files and "require" them using JavaScript. When Checkly then syncs your Browser checks it resolves all your local dependencies. Structure your code the same way you do on your machine.

Do you want to see it in action? We’re dogfooding this approach on checklyhq.com and you can [find a setup with local dependencies on GitHub](https://github.com/checkly/checklyhq.com/tree/main/__checks__).

## Give us your feedback

As you’ve probably noticed, I’m very excited about GitHub Sync and I’d love to hear what you think. Head over to the GitHub Sync docs to learn more or [give us your feedback on GitHub](https://github.com/orgs/checkly/discussions/3).

I can’t wait to hear what you think and happy syncing!

[Stefan Judis](https://www.checklyhq.com/blog/author/stefan/)

Developer Relations

Monitor with AI

Let your agents create & deploy monitors with deep understanding of your application

[Start for free](https://app.checklyhq.com/signup)

Share on social

Try Checkly

## Catch it before your users do

Run Playwright and API checks against production every minute, from locations around the world. Your checks live in your repo and deploy with your code.

[Start for free](https://app.checklyhq.com/signup) [Book a demo](https://www.checklyhq.com/demo-request/)

Free plan. No credit card.

# scaffold a project with example checks

$ npm create checkly@latest

# run them from our global locations

$ npx checkly test

# turn them into production monitors

$ npx checkly deploy

## Related Articles

[Fire up new Browser checks with our new templates August 30, 2022](https://www.checklyhq.com/blog/fire-up-new-browser-checks-with-our-new-templates/)[Frontend Synthetic Monitoring: What is it, Types and Use Cases January 5, 2024](https://www.checklyhq.com/blog/frontend-synthetic-monitoring/)[Running API and Browser Checks Using Terraform, AWS, and Checkly Private Locations February 7, 2023](https://www.checklyhq.com/blog/running-api-and-browser-checks-using-checkly-private-locations-terraform-and-aws/)[A Deep Dive into DNS Debugging March 23, 2023](https://www.checklyhq.com/blog/dns-debugging-deep-dive/)[What is API Monitoring? Use Cases, Benefits & Best Practices January 27, 2023](https://www.checklyhq.com/blog/what-is-api-monitoring/)
