Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dferber90/githubbox

🏖 Open any GitHub repo in CodeSandbox by changing the hostname
https://github.com/dferber90/githubbox

cloudflare-workers codesandbox github

Last synced: 2 days ago
JSON representation

🏖 Open any GitHub repo in CodeSandbox by changing the hostname

Host: GitHub
URL: https://github.com/dferber90/githubbox
Owner: dferber90
Created: 2020-04-20T20:22:10.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-08-31T16:46:01.000Z (over 1 year ago)
Last Synced: 2024-12-06T01:31:47.440Z (7 days ago)
Topics: cloudflare-workers, codesandbox, github
Language: JavaScript
Homepage: https://twitter.com/dferber90/status/1252594897619759104
Size: 8.55 MB
Stars: 600
Watchers: 5
Forks: 53
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-cloudflare - githubbox
awesome-list - githubbox

README

Quickly open any GitHub repo in CodeSandbox

1. Go to a repo in GitHub
2. Replace `github.com` with `githubbox.com`
3. There's no step three

## What

Suppose you're on `github.com` looking at a repo.

Now you want to explore the code of that repo in a [CodeSandbox](https://codesandbox.io/).

Just add **box** to your url and the repo will open there.

## Try

As you're on GitHub at the moment, you can add `box` to the current URL.

```diff
-https://github.com/dferber90/githubbox
+https://githubbox.com/dferber90/githubbox
```

You'll then see this README on CodeSandbox.

_This also works when you're on a branch, a tag or on a file's blob._

## Lazy

If you don't want to type, you can click on this link instead:

[githubbox.com/dferber90/githubbox](https://githubbox.com/dferber90/githubbox)

## Badge

You can add an _"**Open in CodeSandbox**"_ badge to your README if you own a repo.

This allows anybody to open your repo on CodeSandbox with one click.

#### Example

[![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?style=flat-square&logo=codesandbox)](https://githubbox.com/dferber90/githubbox)

#### Markdown

```markdown
[![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?style=flat-square&logo=codesandbox)](https://githubbox.com/dferber90/githubbox)
```

Replace `https://githubbox.com/dferber90/githubbox` with your own githubbox.com URL.

See [shields.io](https://shields.io/) for badge style customization options.

## Development

See [DEVELOPMENT.md](./docs/development.md).

## Who

[@dferber90](https://twitter.com/dferber90)

## Supported by CodeSandbox

This project is [officially supported](https://codesandbox.io/docs/importing#using-githubboxcom) and sponsored by CodeSandbox.