<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/tags/github-pages/best-of/2022" -->

---
title: Best GitHub Pages posts of 2022 | daily.dev
description: The most upvoted GitHub Pages posts of 2022, curated by the daily.dev community.
canonical: https://daily.dev/tags/github-pages/best-of/2022
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/tags/github-pages/best-of/2022
og:type: website
og:site_name: daily.dev
og:title: Best GitHub Pages posts of 2022 | daily.dev
og:description: The most upvoted GitHub Pages posts of 2022, curated by the daily.dev community.
og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph
---

# Best of GitHub Pages — 2022

1. 1  
[](/posts/bye-bye-heroku-d8oqtwlmf "Bye Bye Heroku")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 4y  
Bye Bye Heroku  
Heroku is a cloud programming platform designed to help build and deploy online applications. Founded in 2007, it is now one of the largest PaaS platforms in existence. Starting November 28, 2022, we plan to stop offering free product plans and start shutting down free dynos and data services.  
285  
46
2. 2  
[](/posts/how-i-got-my-1st-job-as-a-developer-by-making-simple-projects-seem-big-xvyw-0tbi "How I got my 1st job as a developer by making simple projects seem big")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 4y  
How I got my 1st job as a developer by making simple projects seem big  
Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it.  
108  
4
3. 3  
[](/posts/create-a-new-react-app-with-vite-qhvdtezry "Create a new React app with Vite")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 4y  
Create a new React app with Vite  
Vite: Enables Hot Module Replacement (HMR) Helps you import and manage your project and manage. With one command and a few seconds, it can generate all the above boilerplate for you and more. It’s fast, and you keep your application state if you want. HMR saves time you would otherwise spend waiting around or inputting data to recreate your app state. It reduces friction.  
60  
4
4. 4  
[](/posts/deploying-react-apps-to-github-pages-wfm-yobn7 "Deploying React apps to GitHub Pages")  
Article  
![Avatar of logrocket](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket)LogRocket · 4y  
Deploying React apps to GitHub Pages  
GitHub Pages is a service from GitHub that enables you to add HTML, JavaScript, and CSS files to a repository. A React app can be hosted on GitHub Pages in a similar manner. For this tutorial, we’ll be using create-react-app but you can set up the project. In your GitHub account, click the + icon in the top right and follow the prompts to set up a new repository.  
38
5. 5  
[](/posts/google-testing-and-mocking-framework-ujzjjrcgw "Google Testing and Mocking Framework")  
Article  
![Avatar of pointer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/65d4168582f14e0cb2b46693356e66f1)Pointer · 4y  
Google Testing and Mocking Framework  
GoogleTest now follows the Abseil Live at Head philosophy. We recommend updating to the latest commit in the main branch as often as possible.  
37
6. 6  
[](/posts/how-to-create-portfolio-website-with-custom-domain-using-github-pages-f4ixg0mz6 "How to create portfolio website with custom domain using Github pages")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 4y  
How to create portfolio website with custom domain using Github pages  
A portfolio is how you can stand out amongst the thousands of new graduates from college and bootcamps. You can even add a custom domain for around $15 a year with no monthly hosting fees for some extra pizazz. Here is a step-by-step guide on how to make your own portfolio website.  
31  
1
7. 7  
[](/posts/how-to-deploy-react-app-to-github-pages-fg8unbvy8 "How to deploy React App to GitHub Pages")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 4y  
How to deploy React App to GitHub Pages  
How to create and deploy React App to GitHub Pages using create-react-app and GitHub Pages. Make sure you have Node.js and Npm installed in your machine and set up Git. You’ll need to have Node 8.10.0 or later on your local machine. Cloning into 'node\_modules/gh-pages/.cache/git.com!  
20
8. 8  
[](/posts/how-to-easily-make-a-live-dashboard-with-google-sheets-0iqq-dswz "How to Easily Make a Live Dashboard with Google Sheets")  
Article  
![Avatar of jsPlainEnglish](https://media.daily.dev/image/upload/s--Dg5QTRuI--/f_auto,q_auto/v1686665538/logos/pe)JavaScript in Plain English · 4y  
How to Easily Make a Live Dashboard with Google Sheets  
How to Easily Make a Live Dashboard with Google Sheets is a bit of a cheeky title as the blog won't cover how to make a full dashboard. You can take this knowledge and with a bit more learning of front-end development, you can extend it to a complex organizational dashboard. Open up the index.html file in your browser.  
18  
2
9. 9  
[](/posts/increase-developer-productivity-save-time-on-developer-onboarding-and-drive-roi-in-2023-sw0hnhvl2 "Increase developer productivity, save time on developer onboarding, and drive ROI in 2023")  
Article  
![Avatar of ghblog](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/106cf162b88840808484d4b5429b59b1)GitHub Blog · 4y  
Increase developer productivity, save time on developer onboarding, and drive ROI in 2023  
Forrester Consulting commissioned a Total Economic Impact™ study to examine the potential return on investment (ROI) businesses can gain by using GitHub. Over three years, using GitHub drove 433% ROI for the organization simply with the combined power of all GitHub’s enterprise products.  
17

[See all GitHub Pages archives](/tags/github-pages/best-of)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/github-pages/best-of/2022#page","url":"https://daily.dev/tags/github-pages/best-of/2022","name":"Best GitHub Pages Posts of 2022","description":"The most upvoted GitHub Pages posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/github-pages/best-of/2022#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/bye-bye-heroku-d8oqtwlmf","name":"Bye Bye Heroku"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-i-got-my-1st-job-as-a-developer-by-making-simple-projects-seem-big-xvyw-0tbi","name":"How I got my 1st job as a developer by making simple projects seem big"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/create-a-new-react-app-with-vite-qhvdtezry","name":"Create a new React app with Vite"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/deploying-react-apps-to-github-pages-wfm-yobn7","name":"Deploying React apps to GitHub Pages"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/google-testing-and-mocking-framework-ujzjjrcgw","name":"Google Testing and Mocking Framework"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-create-portfolio-website-with-custom-domain-using-github-pages-f4ixg0mz6","name":"How to create portfolio website with custom domain using Github pages"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-deploy-react-app-to-github-pages-fg8unbvy8","name":"How to deploy React App to GitHub Pages"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-easily-make-a-live-dashboard-with-google-sheets-0iqq-dswz","name":"How to Easily Make a Live Dashboard with Google Sheets"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/increase-developer-productivity-save-time-on-developer-onboarding-and-drive-roi-in-2023-sw0hnhvl2","name":"Increase developer productivity, save time on developer onboarding, and drive ROI in 2023"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"GitHub Pages","item":"https://daily.dev/tags/github-pages"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/github-pages/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]}
```

