DEV Community

Cover image for Import Github Repos To StackBlitz, CodeSandbox In Seconds
Pavan Chilukuri
Pavan Chilukuri

Posted on

Import Github Repos To StackBlitz, CodeSandbox In Seconds

Import to CodeSandbox

Just append box to GitHub repository url.
For instance, this is a test repository in my GitHub. If I want to open this repo in CodeSandbox, I will have to edit the url as follows

https://github.com/chilupa/test-repo
Enter fullscreen mode Exit fullscreen mode

to

https://githubbox.com/chilupa/test-repo
Enter fullscreen mode Exit fullscreen mode

Import to StackBlitz

Replace the beginning part of the url in your GitHub with the below

https://stackblitz.com/github/<user-name>/<repo-name>
Enter fullscreen mode Exit fullscreen mode

For instance, this is a test repository in my GitHub. If I want to open this repo in StackBlitz, I will have to edit the url as follows

https://github.com/chilupa/test-repo
Enter fullscreen mode Exit fullscreen mode

to

https://stackblitz.com/github/chilupa/test-repo
Enter fullscreen mode Exit fullscreen mode

Press Enter and it should import all of your repository code to StackBlitz.

Once the import is complete, please note that there could be certain dependency errors (like missing compiler) and the code editors would suggest you install them. If you install those, your app should be up and running!

Happy Coding!

Top comments (1)

Collapse
 
nguyenit67 profile image
Nguyen

Really helpful! Thank you so much!!!!