I have recently published quanticdev.com using only GitHub Pages and markdown and decided to create a guide to preserve this knowledge in the form of a video/article so I can reuse it in my future projects. GitHub Pages is a free and a pretty good hosting service. It is an add-on for regular GitHub repositories, and you can host your website as well as code and other things in one repo, which is pretty good. I must warn that GitHub Pages is intended for techies. If you want something much simpler, go with Google Sites, or Blogger.com, or WordPress. In the first part of this video/article, I will discuss the strengths and weaknesses of GitHub Pages. In the second part, I will deploy a brand-new website using GitHub Pages and simple markdown. Everything will be done through GitHub's UI and online code editor. I will also demonstrate a sample React website hosted on GitHub Pages.<p>* Video Tutorial: <a href="https://www.youtube.com/watch?v=jPhmR3TiGq8" rel="nofollow">https://www.youtube.com/watch?v=jPhmR3TiGq8</a><p>* Article: <a href="https://quanticdev.com/articles/website-with-github-pages" rel="nofollow">https://quanticdev.com/articles/website-with-github-pages</a> (same as above)<p>Outline of this video/article:<p><pre><code> * QuanticDev.com Intro
* Why GitHub Pages
* Advantages
* Disadvantages
* Alternatives
* GitHub Pages Setup & How I Created quanticdev.com
* My Recommendations
* Conclusion
</code></pre>
Free website hosting resources:<p>* GitHub Pages (for techies): <a href="https://pages.github.com" rel="nofollow">https://pages.github.com</a><p><pre><code> * Supports Jekyll: https://jekyllrb.com
* Supports Static HTML + CSS + JavaScript
* Supports React and others: https://create-react-app.dev/docs/deployment/#github-pages
</code></pre>
* Google Sites (non-techies): <a href="https://sites.google.com" rel="nofollow">https://sites.google.com</a><p>* Alternatives for Bloggers<p><pre><code> * Blogger (basic): https://blogger.com
* WordPress (more advanced): https://wordpress.com
</code></pre>
* Alternatives for Programmers<p><pre><code> * Heroku: https://www.heroku.com
* Firebase: https://firebase.google.com</code></pre>