[FEATURE] Flexible base directory configuration in React boilerplate

[jinmayamashita]

Description

When building the React boilerplate app using Vite, it assumes the baseUrl to be the root directory, making it challenging to have a flexible base dir configuration (e.g., for GitHub Pages with https://<USERNAME>.github.io/<REPO>/). I want to make it adaptable to any directory.

Context

When attempting to build and deploy to GitHub Pages, I encountered an issue where the base URL was set to https://<USERNAME>.github.io/<REPO>/, resulting in the failure to render the application on the page. 😢

Possible Implementation

• Adjust the base of the vite setting.¹
• Allow baseUrl to be specified as an environment variable

Footnotes

1. https://vitejs.dev/guide/static-deploy.html#github-pages ↩