Dev.to

How to Host React Webpages on Github Pages

GitHub Pages does not support JSX or modern ES6 modules directly. If deploying to GitHub Pages, don't forget to build first. Here are some useful tutorials I followed to solve this problem. (Huge thanks to the authors) Note: deploy pages from gh-pages branch, some vites when running npm run build change build to dist, to account for this do "deploy": "gh-pages -d dist". Deploying a React App https://github.com/gitname/react-gh-pages For Single Page Apps (Fixing Refresh 404 Problems) https://github.com/rafgraph/spa-github-pages

Feb 25, 2025 - 23:30
 0
How to Host React Webpages on Github Pages

GitHub Pages does not support JSX or modern ES6 modules directly.
If deploying to GitHub Pages, don't forget to build first.
Here are some useful tutorials I followed to solve this problem. (Huge thanks to the authors)

Note: deploy pages from gh-pages branch, some vites when running npm run build change build to dist, to account for this do "deploy": "gh-pages -d dist".

Deploying a React App

  1. https://github.com/gitname/react-gh-pages

For Single Page Apps (Fixing Refresh 404 Problems)

  1. https://github.com/rafgraph/spa-github-pages
Read More

Tags:

Previous Article

Framework Moves Into Desktops, 2-In-1 Laptops

Next Article

Kwaak, a different take on AI coding tools

Related Posts

鸿蒙开发：组件样式的复用

鸿蒙开发：组件样式的复用

Mar 21, 2025  0

Unveiling the AGPL 1.0 – A Deep Dive into Open Source Fairness

Unveiling the AGPL 1.0 – A Deep Dive into Open Source F...

Mar 17, 2025  0

The Detailed Execution Pipeline of .NET

The Detailed Execution Pipeline of .NET

Mar 30, 2025  0