Githubからの反応アプリをNetlifyに配備すること

私はGioTubからNetlifyに反応アプリを展開するウォークスループロセスを行います.
あなたが反応構造アプリケーションが以下の例のようにサブディレクトリで入れ子にされないプロジェクト構造を持っているならば

次の手順で配備することができます.

あなたのコードをgithubに押してください

あなたのNetLifyアカウントにGitHubアカウントを接続してください

展開するプロジェクトを選択します

プロジェクトの配備

以下に示す例のように、入れ子になったディレクトリにある

加えるnetlify.toml ファイルをプロジェクトのルートに追加し、下の設定をファイルに追加します.

[build]
  command = "npm run build"
  publish="path-to-react-app/build"
  base = "path-to-react-app"

反応ルータ
あなたがあなたのプロジェクトで反応ルータを使用したならば、新しいルートへのリダイレクトと再ロードに関して、あなたはNetLifyがエラー(「発見されないページ」)をスローする問題に走らせるかもしれません

次のコードを追加できますnetlify.toml ファイル.

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

一度追加、Githubに変更を押してください.NetLifyは自動的に変更を展開する必要がある場合は手動で変更を展開します.配備されると、アプリケーションは次のようにエラーをスローしないでください.

注意:netlify.toml NetLifyがアプリケーションを構築/実行する方法を指定できる構成ファイルです.多くのことができるnetlify.toml ファイル.詳細についてはnetlify.toml ファイルhere.

環境変数
環境変数をプロジェクトで使用する場合は、以下のイメージに示す手順に従ってNetLifyに追加することもできます


結論
上記から、我々は見られて、Netlifyの上でGithubを通して反応アプリケーションを主催することはかなり単純で、継ぎ目がないです、したがって、少しまたは全くない時間でされることができます.
あなたがこの記事についての質問やフィードバックを持っている場合は、手を伸ばすこと自由に感じなさい.
読書ありがとう.