DEV Community

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

Posted on

12 2

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!

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
nguyenit67 profile image
Nguyen

Really helpful! Thank you so much!!!!

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay