GithubにデプロイしたReactプロジェクトがREADMEに占領されてしまっているので解決したいです。

Vercelではきちんと表示されるので、Githubでも表示したい

ここに実現したいことを箇条書きで書いてください。

Vercelでの表示を確認する
Githubの表示を確認する
上の２つのサイトは同期しているので同じ画面が見れると思っていた（初心者）
Github PagesにアクセスしたらVercelサイトのような表示にしたい

前提

ここに質問の内容を詳しく書いてください。
（例）
Next.jsのチュートリアルを作成してGituhubにデプロイし、pagesを確認。READMEがWindowに表示されていました。同期しているVercelのサイトにアクセスすると、Windowではきちんと意図するビューが表示されていました。

発生している問題

GithubのREADMEが占領している問題を解決したい

該当のページ

GithubPages---------- https://lumijoe.github.io/nextjs_blog/
Githubのコード-------- https://github.com/lumijoe/nextjs_blog
同期しているVercel---- https://nextjs-blog-five-beta-88.vercel.app/

試したこと

Reactプロジェクトを４つぐらいGithubにデプロイしてみました。
どのプロジェクトもREADMEが初期表示されているので、Reactプロジェクト特有の事象だと考えています。
検索でもチェック、スクールメンター（バックエンドさん）にも聞きましたがフロントとは違うのでわからないとのこと。まだ情報が少ないのもあり、解決できてません。

READMEファイルを.gitignoreに入れ込む情報があったので試しましたが、技術が追いついてないのか完全に実現できませんでした。

そもそも、Reactプロジェクトの場合は、Github PagesではREADME以外の表示はできないのか？？などよくわからないままです。

補足情報（FW/ツールのバージョンなど）

package.json

iMac
OS Ventura
git version 2.33.0
next@13.5.4

ご教示いただきたくよろしくお願いいたします！

hoshi-takanori

2023/10/19 16:45 編集

Next.js は静的サイトだけでなく動的サイトを作ることもでき、動的サイトの場合はサーバー上で Next.js のサーバー用プログラムを動かす必要があります。Vercel ならサーバー上でそのようなプログラムを動かすことができますが、Github Pages は静的サイトにしか対応してないので、静的サイト用のデータを手元でビルドしてアップロード (専用のブランチを作ってそこにコミットするか、ビルドしたものがあるフォルダを指定するか) する必要があるかと…。