web-dev-qa-db-ja.com

Hugo with React?

HugoのようなものをReactで使用することは可能/理想的ですか?私はギャツビーを知っていますが、ヒューゴも同様に機能します。 2つを組み合わせるという知識は限られていますが、私の理解では、Hugoがすべてのテンプレートおよび静的Webページに使用され、次にReactがWebアプリケーションの種類に使用されます。どこかにヘッドレスCMSがありますか?経験のある人が、HugoやGatsbyがReactで使用するのになぜ良いのか、またはフレームワーク間の関係の概要をコメントできますか?

5
J. E

HugoのようなものをReactで使用することは可能/理想的ですか?私はギャツビーを知っていますが、ヒューゴも同様に機能します。

https://www.electrade.app でReact(create-react-app))を使用してHugoを使用しました。すべてのページがhugo静的ページとして機能しますが、/quoteに移動すると、react SPAがロードされ、動的な土地にいるので、Hugoも機能しますが、2つの言語と2つの構文を使用できます。

2つの[...]を組み合わせると、Hugoはすべてのテンプレートおよび静的Webページに使用され、次にReactがWebアプリケーションタイプに使用されます)

丁度。

経験のある人が、HugoやGatsbyがReactで使用するのに適している理由をコメントできますか?または、フレームワーク間の関係の概要は?

  • HugoはGoで記述され、バニラ静的HTMLを構築します。例:ブログですが、ヘッダーとフッターを1回だけ記述する必要があります。
  • ReactはJavaScriptで記述されており、動的インターフェースを構築するためのフロントエンドライブラリです。 Reactサイトは通常、空のindex.htmlファイルとJavascriptファイルを提供します。これらのファイルは、ブラウザで実行され、index.htmlファイルにコンテンツを動的に入力します。例:Facebookニュースフィードロードするたびに異なります。
  • しかし、上記のサンプルブログを書き、ヘッダーとフッターを一度だけ書きたいが、React構文に使用されている場合はどうでしょうか?通常のReactを使用すると、ブログは空のインデックスをダウンロードします。 .htmlファイルを作成し、JavaScriptでブログを入力します。これは、特にSEOや読み込み時間には適していません。バニラ静的HTMLにコンパイルする場合は、Gatsbyがそのためです。
1
Niko Dunk