index.html 없이 Netlify로 배포하기 (package.json X)

순수 html, js, css로 이루어진 파일을 배포하고 싶은데 검색해 보니 package.json 을 이용하는 경우가 상당히 많았다.

package.json 없이 이용하는 방법을 정리했다.

 

root 폴더에 index.html이 없이 다른 이름으로 html이 있는 상태,

프레임 워크를 사용 하지 않는 상태로 배포 방법입니다. (package.json X)

 

이미 배포한 상태이며 index.html 이 없어서 불러오지 못할 경우 1번만 보기

1. root 폴더에 netlify.toml 를 생성

( root 는 최상단을 말합니다. )

 

netlify.toml 파일을 만들고 내부에

[[redirects]]
from = "/*"
to = "/[생성한 파일 이름].html"
status = 200

이것은 특정 페이지 트래픽을 다른 경로로 리디렉션 하거나, URL 구조를 변경할 때 유용합니다.

상태 status 코드는 기본값이 301입니다.

• / 슬래쉬로 경로 설정을 확실하게 한 뒤 첫 화면에 보일 html 파일을 지정해야 한다.
• 추가해주고 다시 git push 해준다.

 

2. 배포할 github 프로젝트를 불러오기

Netlify에 로그인한 후

프로젝트 불러오기

 

해당하는 저장소 선택

해당하는 저장소 선택

원하는 프로젝트 선택

원하는 프로젝트 선택

 

배포 버튼 클릭

배포 버튼