Skip to content

Fix blank GitHub Pages deployment: set Vite base path, drop legacy HTML - #2

Merged
Paranjayy merged 2 commits into
mainfrom
copilot/fix-white-screen-issue
Mar 10, 2026
Merged

Fix blank GitHub Pages deployment: set Vite base path, drop legacy HTML#2
Paranjayy merged 2 commits into
mainfrom
copilot/fix-white-screen-issue

Conversation

Copilot AI commented Mar 10, 2026

Copy link
Copy Markdown
Contributor

paranjayy.github.io/content-extractor rendered a white screen because Vite was emitting root-relative asset paths (/assets/...) while GitHub Pages serves the app under the /content-extractor/ sub-path — causing every JS/CSS/icon request to 404.

Changes

  • app/vite.config.ts — add base: '/content-extractor/'

    export default defineConfig({
      plugins: [react(), tailwindcss()],
      base: '/content-extractor/',   // ← fixes asset paths for GH Pages
      ...
    })

    Vite now rewrites all asset references in the built index.html to /content-extractor/assets/....

  • .github/workflows/deploy.yml — remove legacy HTML copy step
    The frontend/ directory (old standalone HTML tools) is no longer copied into _site/legacy/. The deploy artifact is now just app/dist/.


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Co-authored-by: Paranjayy <120307516+Paranjayy@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix white screen issue on GitHub Pages Fix blank GitHub Pages deployment: set Vite base path, drop legacy HTML Mar 10, 2026
@Paranjayy
Paranjayy marked this pull request as ready for review March 10, 2026 18:38
@Paranjayy
Paranjayy merged commit 6837f83 into main Mar 10, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants