Razzle: 新しいアプリを開始する

正解は、これはあなたとあなたの新しいプロジェクトのニーズに依存するということで、誰もが同意すると思います。

私の知る限り、Next.jsは、ZEITエコシステムの一部としてオプションで使用できる完全なフレームワークですか？ またはプラットフォーム？ 一方、ラズルははるかにミニマルです。 したがって、必要のない機能は含まれていませんが、必要になる可能性のある機能や、最終的に必要になる可能性のある機能が含まれていないことも事実です。

私も以前にNext.jsを使用することを検討しましたが、私を苛立たせるいくつかの小さな詳細がありました。 たとえば、Next.jsはHTML出力を適切に縮小しません（これはそれほど重要ではないことはわかっていますが、これは私にとっては大きな問題でした）。 また、styled-jsxとCSS-in-JSを使用しますが、私はStyledComponentsを好みます。 さらに、新しいプロジェクトでは、ルーティングは必要ありませんでした（まだ😄）。

最後に、そして幸運なことに、たくさんのサンプルプロジェクトをテストした後、私はRazzleを見つけて使用することになりました。 実際、私は必要ないくつかのモジュールと機能を含むRazzle Material UI StyledExampleというサンプルプロジェクトの作成から始めました。 これで、ほとんど恥知らずに新しいプロジェクトに取り組むことができます。 同じ機能またはそれらのいくつかが必要な場合は、前述のリポジトリを自由に使用してください。

ありがとう@knipferrc

同様の経験から、Razzleを作成することになりました。

約6か月前、Next.jsがリリースされた直後に巨大なアプリを起動しましたが、チャーンが大きすぎて処理できませんでした。 パラメータ化されたルーティングの例（つまり、 /user/:id ）のPRを文字通り提出しました。 ルート変更時にgetInitialPropsを起動することに関連する奇妙なバグが原因で、1週間の作業を失ったことを覚えています。 結局のところ、Next.jsは多くの非常に重要な決定を下します（つまり、ルーティング、データフェッチ、フォルダー構造、およびスタイル設定）。 これらが良いか悪いかは、構築しているアプリケーションの種類に完全に依存します。 結局のところ、実際にはすべてのルートをサーバーレンダリングする必要はなく（2つだけ）、ページ全体をリロードする代わりにクライアントのロード状態が必要であり、ルート変更の間にグローバル状態ツリーを破棄したくありませんでした。 それは、React-Router 4がスライスされたパン以来の最良のものであるという私の意見と相まって、Next.jsがプロジェクトに適切ではなかったことを意味しました。

もっと安定したものを探して、NYTのkytプロジェクトに移りました。 これは約2か月間は十分でしたが、1）アプリが成長するにつれてビルド時間がめちゃくちゃ遅くなり（> 45秒）、2）kytのSCSSルールがプロジェクトに適切ではなかった、3）kytのログが見つかりました（非常に多くの絵文字）かなり迷惑です。 そこで、私はkytのより薄く、より高速な代替品に取り組み始めることにしましたが、ユニバーサルHMRとNext.jsと同様の構成API（いわばcreate-react-app-ssr ）を使用しました。

すべてが語られて完了すると、フレームワークにほとんど依存しないビルドシステムを作成し、このレベルの抽象化がプロジェクトのニーズにより適していることに気付きました。 「フレームワークにとらわれない」とは、RazzleがAngular、Vue、Rax、Preact、Inferno、React-XP、RN-Web、Reason-React、そして_私にとって最も重要なこと_、次に来るものは何でも100％動作することを意味します。 私見、適応性は、Razzleと私が見た他のほとんどすべてとの間の重要な差別化要因です。 Razzleを使用すると、ブログ投稿で何かについて読んだり、フォークを作成したり、babel-transform / webpack config / parallel build systemを追加したりして、たわごとを試してみることができます。 なんで？ Nextとは異なり、Razzleはフレームワークではなく、CRAとは異なり、Razzleを使用すると、基盤となる構成をフォークせずに拡張できます。 それは私が学び、教え、実験し、ビジネスを行う方法にとって非常に大きなものです。

Razzleの柔軟性と不可知論は、私と私のチームにすでに報われています。

• razzle.config.jsの10行未満のコードを変更することで、アプリを部分フローから100％TypeScriptに段階的に移動しました。
• Razzleは、試行することなく、ReasonReactプロジェクト（SSRまたはSPA）をブートストラップするための最速の方法になりました。

ラズルの未来も。 2日前、「CRAにSSRサポートを追加する」は、ReactCoreチームのロードマップの上位15のToDoとして言及されました。 SSRサポートがCRAに追加された場合、Razzleはもはや存在する必要がないかもしれません..._そして私はそれで完全にクールです_。 それが起こるまで、RazzleはサーバーレンダリングされたユニバーサルJavaScript用のフレームワークにとらわれないビルドツールとして前進します。

おお！！ 素晴らしい返信をありがとうございました。

こんにちはJared、Razzleを使用してSPAAngularプロジェクトをSSRに変換する方法がよくわかりません。
その方法についてのヒントやガイドを教えてください。 どうもありがとう。

RazzleAngularソリューションの場合は+1。 https://github.com/jaredpalmer/razzle/issues/1109