One-click treat for Open Source maintainers
Tags: hacktoberfest, opensource, tooling, javascript
Published: 2022-10-11 18:18:21

It's October. For some, a month of beautiful foliage, Halloween, and pumpkin spice. Some Open Source maintainers live through their own version of Halloween - the stream of PRs coming their way to celebrate Hacktoberfest🎃

At ViteConf earlier today, StackBlitz has just unveiled Codeflow. It is a tool that I have been using for the past few weeks to build our docs site, to quickly fix typos, and to review PRs. Codeflow is and will be free for Open Source projects and for public repos, just like other StackBlitz tools.

**So, what's the charm? One click and the entire IDE for the PR boots up inside your browser**. No more cloning, committing, running dependencies, stashing your local changes.

If you prefer to watch people do things instead of reading about it, let me show you how I reviewed a PR from my colleague today:

{% embed https://www.youtube.com/watch?v=Tmhvg42VFT4&feature=youtu.be %}

---



## One-click solution to PR reviews

[CodeflowApp bot](https://developer.stackblitz.com/codeflow/integrating-codeflowapp-bot) is a part of StackBlitz Codeflow. Once you install it on your account, organization, or a single repository, it will detect PRs (and issues containing [bug reproductions in StackBlitz](https://developer.stackblitz.com/guides/integration/bug-reproductions)) and immediately spin up an entire IDE so you can explore and review it.

![CodeflowApp bot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zsnfijorqyc0aa4jm578.png)

Don't believe it? See it yourself on this [pull request](https://github.com/stackblitz/docs/pull/40) I prepared for you.

**NOTE**: you need to have a [StackBlitz](stackblitz.com) account.

---

## But what is Codeflow?

[Codeflow](https://developer.stackblitz.com/codeflow/what-is-codeflow) is a one-click integration with GitHub for seamless coding workflows.

StackBlitz now helps you switch contexts seamlessly:

- [**Codeflow IDE**](https://developer.stackblitz.com/codeflow/working-in-codeflow-ide) is a fully fledged desktop-grade dev environment capable of running your whole workflow - from production-level dev work to reviewing pull requests.
- [**Web Publisher**](https://developer.stackblitz.com/codeflow/content-updates-with-web-publisher) is a publishing tool that makes editing docs or blogs pleasant thanks to a realtime preview of the changes.
- [**pr.new**](https://developer.stackblitz.com/codeflow/using-pr-new) is a short URL that can be used on any repository to explore code, a branch or an issue, to review a PR, or even to edit a file, all in a live environment with a realtime preview.
- [**CodeflowApp**](https://developer.stackblitz.com/codeflow/integrating-codeflowapp-bot) is a friendly bot, which provides a one-click link that spins up the whole environment for pull requests and issues. No more context-switching or branch-checkouts, just a new browser tab with a full IDE and a dev server running.

---

At StackBlitz, we love our community. Don't be a stranger - [join our Discord](https://discord.gg/EQ7uJQxC) or reach out to me on [Twitter](https://twitter.com/sylwiavargas) with your StackBlitz ideas, dreams, and wishes!