DEV Community

Pandiyan Murugan
Pandiyan Murugan

Posted on

Quick steps to import and debug angular GitHub repository in StackBlitz

Originally published at http://efficientuser.com on August 14, 2019.

StackBlitz is an online IDE where you can create Angular & React projects that are immediately online & shareable via the link.

It provides an option to open any public repo into it and debug immediately.

You can run any public repo on GitHub by providing the username + repo name like so:

stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}

And you can also optionally specify a branch, tag, or commit:

…/github/{GH_USERNAME}/{REPO_NAME}/tree/{TAG|BRANCH|COMMIT}

Automatically stays in sync with your repo
Whenever you push commits to Github, the corresponding StackBlitz project automatically updates with the latest changes — ensuring Github remains your code’s source of truth.

For example,

If we have angular repo like below
https://github.com/PandiyanCool/thirukural

This can be framed as the following URL
https://stackblitz.com/github/PandiyanCool/thirukural

Happy Coding ❤️

Top comments (1)

Collapse
 
get_hariharan profile image
Hari Haran😎

Awesome