DEV Community

loading...
Cover image for Import Github Repos To StackBlitz, CodeSandbox In Seconds

Import Github Repos To StackBlitz, CodeSandbox In Seconds

Pavan Chilukuri
Full Stack Developer 💻 Photographer 📷
・1 min read

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!

Discussion (0)