VercelでReact App

プロジェクトのトップディレクトリで、
$ git remote add origin git@github.com:hiroyuki12/vercel-react-pages.git
$ git branch -M main
$ git push -u origin main でエラーが出たので、公開鍵をGithubにアップするとpushできた。

公開鍵のアップ
GitHub PagesでReact App - MBP(はてな)

Vercelにgithubアカウントでログイン

Create React Appを選択

https://vercel-react-pages.vercel.app

pushすると、VercelのReact Appが更新される。

GitHub - hiroyuki12/vercel-react-pages

ビルドの進捗はVercelのページで確認できる
Vercel

Reactで作ったアプリを一瞬でVercelへデプロイする - Qiita

Vercel の料金形態と内容についてまとめた - 2020冬

Qiitaを追加してPushすると、VercelのBuildでCI = true でエラーになるので、
Vercelを開き、vercel-react-pagesのSettingsのBUILD COMMANDを
OVERRIDEをONにして、
CI=false npm run build
にすると、Pushしてビルドできた。

Stop Treating warnings as errors because process.env.CI = true. · Issue #3657 · facebook/create-react-app · GitHub

React + Emotionで作ったアプリがGitHub Actionsでハマった - Qiita

$ npm install moment
$ npm install react-bootstrap

src/page/qiitaフォルダをコピー
src/componentsフォルダをコピー
src/QiitaApp.cssをコピオ

src/index.jsを変更

import './QiitaApp.css';
import Qiita from './page/qiita/Qiita';
 <Qiita />

React-Bootstrapを使えるようにする - Qiita