Nest.jsを使用したWEBアプリ開発について

前提

当方Typescriptを学びはじめ、Nest.jsの存在を知り
試しにNest.jsを使用してWEBアプリケーションを作成しようとしています。
かなり初心者です。

実現したいこと

Nest.jsで作成したWEBアプリケーションをherokuにデプロイしたい。

発生している問題・エラーメッセージ

Nest.jsがサーバーサイド側のフレームワークということは理解できているのですが、実際にWEBアプリケーションとして使用する際にフロントエンド側とどうやって連携させたら良いのかが全然イメージできておらず。そこの方法を教えていただければと思っております。
当方が考えられたのは、
１，フロント側とバックエンド側をそれぞれHeokuにアップしてフロント側からバックエンド側のAPIを取得する。
２，Nest.js内でhtmlをレンダリングできる？(expressのejsのようなイメージ)
３，フロントエンド側は別のフレームワークで作成（vue.js など）してフォルダをNest.jsで作ったものと合わせてHeokuにアップ。（フォルダが連結できるのか？）
上記の方法で実際作成が可能でしょうか？

また、実際によく行われる手法ややり方があれば教えていただけないでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

NestJSは詳しくないのでざっと調べてきました。
なるほど、これはPHPではよくあるMVCのフレームワークです。
折角TypeScriptで型周りが強くなったんだから、LaravelみたいなのでWebサービス構築したいと言ってるわけですね。

MVCとはなんぞや、MVCは何が便利を他人に説明できない人は触ったらダメなヤツだわこれ。
確かにNode.jsにはないWebフレームワークなので需要はあると感じますが、
元々PHPでCakePHPやLaravelを触ってた人向け。

PHPのCakePHPやLaravelなんかは日本語の情報が多いので良いんですが、
NestJSの日本語の情報は皆無レベルに少ないので、公式サイトのドキュメントを読みながら自力で動かす所まで持っていけない人は触ってはダメです。

そういう意味でもPHPやNode.jsをどちらも中級者レベル以上に使いこなせる
英語もある程度苦にならず公式ドキュメントから情報を引っ張り出す事ができる
そんなそこそこ枯れたおっさんエンジニア向けなのかなと思います。

それでも頑張りたい？

ChromeやFirefoxにはマウスドラッグで文字列をドラッグすると
翻訳してくれる拡張機能が配布されてるので、
そういうのを使うなりして全部読み返しつつ理解してください。

そこまでの雰囲気を掴むならこういう日本語の記事の方が良いかもしれませんね。
しかし記事はどこまで言っても所詮備忘録のメモです。
執筆者が書き残さなきゃいけない所しか書いてないので、全てを知るには全く足りていませんね。
参考記事: Nest.jsは素晴らしい - Qiita

Nest.jsがサーバーサイド側のフレームワークということは理解できているのですが、実際にWEBアプリケーションとして使用する際にフロントエンド側とどうやって連携させたら良いのかが全然イメージできておらず。そこの方法を教えていただければと思っております。

このページを最初から最後まで全部読みましょう。
https://docs.nestjs.com/techniques/mvc

これだけだと辛すぎて泣くと思うのでかいつまんで解説します。

In order to create an MVC app, we also need a template engine to render our HTML views
NestJSを動かすにはHTMLになるテンプレートエンジンが必要です。

$ npm install --save hbs
We've used the hbs (Handlebars) engine, though you can use whatever fits your requirements. Once the installation process is complete, we need to configure the express instance using the following code:
今回はHandlebarsのテンプレートエンジンを採用します。
NestJSはExpressJSをベースとして活用しており、ExpressJSのルールを活用して好きなテンプレートエンジンを採用することが可能です