MBP(はてな)

MacBook Pro,iPhone Xs,React

netlifyでReact App

f:id:fedora9:20210808012437p:plain

githubリポジトリ名:netlify-react-pagesで作成して、
$ git remote add origin https://github.com/hiroyuki12/netlify-react-pages.git

published になるまで少し時間がかかった。完了するとメールが届いた。

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

netlifyのSite settingsで、site nameを変更すると、URLも変更される。

$ git push すると、netlifyのReact Appが更新される。

netlify

GitHub - hiroyuki12/netlify-react-pages


netlifyにReactプロジェクトをデプロイ - Qiita

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

Qiitaを追加してみたが、netlifyでビルドエラー

netlifyを開き、netlify-react-pagesのSite settingsのBuild & deployのBuild settingsのEdit settingsボタンを押して、
Build command: を
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

f:id:fedora9:20210828024626p:plain