Quick steps to import and debug angular GitHub repository in StackBlitz

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

It provides 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 following URL

https://stackblitz.com/github/PandiyanCool/thirukural

Advertisements
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s