inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

SSG 방식 배포 및 결과 확인

npm run generate 배포

675

예성준

작성한 질문수 2

1

heroku 대신 npm run generate를 이용하여 gitgub 페이지에 배포하는 것 도 가능할까요?

vue.js nuxt.js ssr

답변 2

0

캡틴판교

안녕하세요, 네 가능합니다 :) 아래 AI 답변이 자세히 잘되어 있네요. 참고해 보세요 :)

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.
npm run generate를 이용하여 정적 파일을 생성한 뒤에 GitHub 페이지에 배포하는 것은 가능합니다.

  1. 먼저, 프로젝트의 package.json 파일에 deploy하는 스크립트를 추가해야 합니다.
    예를 들어, 다음과 같이 스크립트를 추가할 수 있습니다.
   "scripts": {
       "deploy": "npm run generate && gh-pages -d dist"
   }
  1. 로컬에서 npm run deploy 명령을 실행하여 정적 파일을 생성하고, 생성된 파일을 gh-pages 브랜치에 push 하여 배포할 수 있습니다.
    이 때, gh-pages 패키지를 사용하여 배포할 수 있습니다.
   npm install -g gh-pages
   npm run deploy

정적 파일은 프로젝트 루트에 생성된 dist 폴더에 저장됩니다.

  1. 배포되는 웹 페이지는 GitHub Repository의 Settings에서 GitHub Pages 섹션을 찾아서 Source를 gh-pages 브랜치로 설정하면 됩니다.
    배포 후에는 해당 Repository의 Settings에서 배포된 주소를 확인할 수 있습니다.

이런 식으로 npm run generate를 이용하여 GitHub 페이지에 배포하는 것이 가능합니다. 추가로 필요한 작업이 있거나 궁금한 점이 있으면 언제든지 물어보세요. 좋은 결과 있으시길 바래요!

판교님, 50% 학생 할인 쿠폰

0

132

2

캡틴님 커리어 질문 있습니다

0

76

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

347

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

185

1

24년 강의를 들으면서 에러나는 부분 정리

2

337

2

공식홈페이지에 설치방법이 바뀐거같아요

1

401

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

383

2

자료가 없습니다.

1

285

2

에러 페이지 정의 방법 강의 문의

1

333

2

SSG -> SSR 배포 방식 전환

1

523

2

갑자기 화면에 에러가 나오네요..

1

448

2

마지막 강의까지 작성된 코드

1

293

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

223

2

Vue2 EOL 관련해서..

1

463

2

env.baseUrl 문제

1

624

2

블로그 기능 질문입니다!

1

454

3

node 버전 문제 질문입니다.

1

223

1

폴더구조 다른것 안내 부탁드려요

1

457

1

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

323

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

991

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

608

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

767

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

385

2

db.json 에 제공되는 imgUrl 서비스가 종료된듯하네요

1

564

3