ビューとテンプレート

AdonisJSは、Node.jsで従来のサーバーレンダリングアプリケーションを作成するのに非常に適しています。バックエンドのテンプレートエンジンを使用して、仮想DOMやビルドツールのオーバーヘッドなしにHTMLを出力するシンプルさを楽しむ場合は、このガイドが役立ちます。

AdonisJSにおけるサーバーレンダリングアプリケーションの典型的なワークフローは次のようになります。

• HTMLを動的にレンダリングするためのテンプレートエンジンを選択します。
• CSSとフロントエンドのJavaScriptをバンドルするためにViteを使用します。
• オプションとして、HTMXやUnpolyのようなライブラリを選択して、アプリケーションを進化させ、SPAのようにナビゲートすることもできます。

人気のあるオプション

以下は、AdonisJSアプリケーション内で使用できる人気のあるテンプレートエンジンのリストです（他のNode.jsアプリケーションと同様です）。

• EdgeJSは、Node.js向けにAdonisJSコアチームによって作成およびメンテナンスされているシンプルでモダンなテンプレートエンジンです。
• Pugは、Hamlに強く影響を受けたテンプレートエンジンです。
• Nunjucksは、Jinja2に触発された豊富な機能を備えたテンプレートエンジンです。

ハイブリッドアプリケーション

AdonisJSは、サーバーでHTMLをレンダリングし、クライアントでJavaScriptをハイドレートするハイブリッドアプリケーションを作成するのにも最適です。このアプローチは、インタラクティブなユーザーインターフェースを構築するためにVue、React、Svelte、Solidなどを使用したいが、サーバーサイドの問題を処理するためにフルスタックのバックエンドスタックが必要な開発者に人気があります。

この場合、AdonisJSは、フロントエンドとバックエンドの間のギャップを埋めるためにInertiaJSを使用するためのファーストクラスのサポートを提供します。