Favorites Sandbox on UI5 GitHub Pages

• on 4 Sep 2021
• By Attila Berencsi
• UI5 & Fiori

Favorites Sandbox on UI5 GitHub Pages

I saw somewhere a github.io URL. I got curious, what is github.io ? This is actually an alias to GitHub Pages. So does it mean We can create web pages using GitHub already ? Yesss, we can 😎 . It is extremely simple! Checkout this quick start guide, which explains you in few simple steps, how to let GitHub host You a static webpage using HTML, CSS and JavaScript. You can upload files, create them manually or push the page sources to a GitHub repository, which is then served as a page. Why not to play a bit with UI5 and create a page with my Favorite URLs used during development ?

I created a simple page app – in VSCode using easy-ui5 yeoman generators – showing tiles and links, stored in a JSON file, and uploaded the build to GitHub. I wanted to see whether this is really so simple to make it working on GitHub?

I approached it creating a GitHub repository and pushing the sources of the dist folder after successful build in VSCode. Your page URL consists of your GitHub name as subdomain on github.io + your repository ID. So the favorites page is available at https://attilaberencsi.github.io/favorites/ .

If you want to configure a custom Favorite site for Yourself, simply clone this repo: https://github.com/attilaberencsi/favorites and adjust the model/favorites.json file accordingly (in your own GitHub repo ).

If you want to get out more from the favorites page, here are the sources for cloning: https://github.com/attilaberencsi/favorites_src.git .

Now I can confirm, to host simple pages on GitHub is extremely easy.

Have Fun !