서버 측 렌더링을 위해 React와 리소스를 사용하는 Nest.js 앱

Question

서버 렌더링의 핵심 원리에 대해 약간 오해가 있어서 코드가 없습니다.

내가 가지고 있는 것:

Nest.js는 핸들바로 구성되었습니다. 기본적으로 TypeScript를 사용하여 구축되었습니다. 여기서는 웹팩을 사용하지 않습니다. 또한 내 애플리케이션의 클라이언트 부분을 포함하는 별도의 폴더를 만들었습니다. React, webpack 등은 이미 구성되어 제대로 작동하고 있습니다.

서버 렌더를 생성해야 합니다. 이를 위해 ReactDOMServer를 사용합니다. SVG 구성 요소 및 CSS 모듈이 발생할 때를 제외하고는 모든 것이 잘 작동합니다.

제 질문입니다. 어떻게 처리해야 하나요? 올바른 접근 방식은 무엇입니까? 웹팩 구성을 서버 측(리소스 참조)에 복사해야 합니까, 아니면 TypeScript(npm run build)와 작동하도록 할 수 있는 방법이 있습니까?

도와주셔서 감사합니다!

Answer 1

정적 리소스 파일을 제공해야 합니다 https://docs.nestjs.com/recipes/serve-static

@nestjs/serve-static을 설치해야 합니다

으아아아