서버 사이드 렌더링

완벽한 SSR 가이드

서버에서 렌더링되는 Vue 애플리케이션을 만들기 위한 별도의 가이드가 준비 되있습니다. 이 가이드는 클라이언트 사이드에서의 Vue 개발, 서버 사이드에서의 Node.js 개발 및 webapck에 익숙한 사람들을 대상으로 한 매우 심층적인 가이드입니다. ssr.vuejs.org (opens new window)에서 확인하세요.

Nuxt.js

모든 부분에서 제품으로써 준비된, 서버에서 렌더링되는 앱을 구성하는 것은 쉽지 않은 일입니다. 다행스럽게도 이 모든 것을 더 쉽게 만드는 것을 목표로 하는 훌륭한 커뮤니티 프로젝트가 있습니다. Nuxt.js (opens new window)는 Vue 생태계(ecosystem)에세 수준 높은 프레임 워크로, 범용적인 Vue 애플리케이션을 작성할 때 매우 능률적인 개발 경험을 제공합니다. 더 좋은 점은 정적 사이트 생성기로 사용할 수도 있다는 것입니다 (싱글 파일 Vue 컴포넌트로 작성된 페이지 포함)! 이러한 기능을 한번 시도해보세요.

Quasar Framework SSR + PWA

Quasar 프레임 워크 (opens new window)는 최고 수준의 빌드 시스템이며, 합리적인(sensible) 구성과 아이디어를 쉽게 설계하고 구축 할 수 있는 개발자 확장성을 가진 SSR 앱 (선택 사항인 PWA 핸드오프를 포함)을 생성합니다. 서버에서 실행할 때, 100개 이상의 "Material Design 2.0" 호환 컴포넌트 중에서 브라우저에서 유효한것인지 결정할수 있다. 또한 meta 태그를 관리할 수 있다. Quasar는 하나의 코드베이스에서 SPA, PWA, SSR, Electron, Capacitor 및 Cordova 앱의 신속한 개발을 강화하고 간소화하는 node.js 및 웹팩 기반 개발 환경입니다.