NestJS 정적인(static) 웹사이트(website) 응답하기

 NestJS는 백엔드 프레임워크이지만 가끔 직접 클라이언트에 HTML을 직접 전달하는 경우가 있습니다.

1. Handlerbars를 사용하기 위해서 패키지 설치

$ npm install @nestjs/serve-static hbs

        ├── src

        │   ├── app.module.ts

        ├── views

        │   ├── test.hbs (API로 응답할 HTML 파일)

        └── public

            └── styles.css

            └── index.html

해당 에러를 확인하면 default엔진이 제대로 제공되지 않은것을 알수 있다.

main.ts에 엔진 및 경로를 설정해준다.

에러가 발생하는데 이것은 Index.html을 찾는 NestJS 에러이다. 

index.html을 만들면 해결 된다.

Build시 views, public폴더가 dist안에 들어가게 하기 위해서 아래 코드를 추가 작성해야 한다.

nest-cli.json 코드 추가

추가로 dist파일에 view폴더도 복사해 넣고 싶다면 nest-cli.json에 추가 코드를 넣는다. 

GitHub Link