Vercel 말고 Cloudflare로 무료로 3분만에 배포하기(딸깍)

요즘 맨날 Cloudflare 에서 사람임을 확인하세요. 뜨길래 뭐하는 데인지 싶어서 찾아보니

무료 플랜이 있다. 진짜 딸깍 배포가 가능하니(CI/CD 구축 필요 X) 잘 따라와주시길...

 

준비물 : git / github

 

우선 개발자라면 당연히 있는 github 로 들어간다.

create repository 선택

 

새로운 repository 를 생성한다.

생성된 빈 repository clone 

 

clone 완료

아... clone 까지 하고  나서 posting 이라고 쓴다는 걸 잘못쓴 걸 발견.... 구냥 봐주시길....

 

windsurf / vscode 등의 에디터로 편집

 

1. 코드작성

 

windsurf 딸깍

 

2. 로컬에서 동작 확인(생략가능)

딸깍 한 거 치곤 나쁘지 않다.

 

3. git 으로 push 하기

git push 딸깍

4. github repository 와 cloudflare 연결하기

 

Account home -> Developer platform 

으로 가서  +Create application

Pages -> Get started

 

gogo

들어가면 어쩌고 저쩌고 내 repository 가 안보일텐데 하단에 있는

Cloudflare Pages 클릭

Cloudflare Pages 클릭

스크롤을 쭉 내리면

 

이게 있는데 select repository 에서 방금 git push 한 저장소 선택하고 Save

 

그럼 메인 화면으로 올텐데 다시

 

Account home -> Developer platform ->  Create application 클릭 -> Pages -< import an ~ 어쩌고 클릭(Get started) -> 

 

방금 등록한 repository 선택하고 Begin setup 

무슨 입력창 뜰덴데 다 비우고 Save and Deploy 클릭

 

그러면

Building and deploying  -> Success! Your project is deployed to Region: Earth]

 

되면 완료

 

아래 하이퍼링크 접속 ㄱㄱ

 

배포 완료

그러면 https://blog-postion.pages.dev/

생기면서 배포 완료  이렇게 해서 구글이 싫어하는 쓸모없는 사이트가 생성되었습니다.

 

심지어 무료 (카드 등록 안해도됨)

"git push 하면 자동으로 재배포됨" << 중요 ㄹㅇ

 

단점 : 디버깅 어려움 / 정적사이트만 가능 ㅠ

 

2부 : 도메인 연결하기

3부 : 리액트 정적사이트 배포하기