영화 검색 이관

 

영화 검색 이관

 

- 기존 영화 검색 프로젝트는 SPA 로 제작되었기 때문에 SEO(검색 엔진 최적화) 문제가 발생

- 해당 프로젝트를 SSR(Server Side Rendering) 방식으로 이관(옮길) 예정

- Nuxt.js 라이브러리와 Heroku 서비스를 사용할 예정

 

Nuxt 프로젝트 생성

 

1. 프로젝트 생성

// npx create-nuxt-app 프로젝트명
npx create-nuxt-app nuxt-movie-app

 

2. 기존 프로젝트(Vue2) 가져오기

- 기존 프로젝트는 Vue3 로 제작되었기 때문에 Nuxt.js 에서 지원하지 않음

- 예제 Vue2 버전 코드로 진행

 

Heroku

 

Node.js 등 여러 언어를 지원하는 클라우드 PaaS(Platform as a Service) 서비스

 

PaaS

- 클라우드에서 제공되는 완전한 개발 및 배포 환경

- 애플리케이션을 개발, 실행, 관리할 수 있게 하는 플랫폼을 제공