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

Let's Get Wacky


Use any Linode offering to create something unique or silly in the DEV x Linode Hackathon 2022 and win the Wacky Wildcard category

β†’ Join the Hackathon <-