본문 바로가기
WEB/WEB

[Web] netlify

by DeveloperCat 2023. 10. 22.
반응형

Netlify ?

Netlity GitHub, GitLab 등과 계정 연동  쉬운 호스팅을 제공하며,
CDN, 
Continuous Deployment(지속적 배포), One-Click HTTPS 제공  고성능 사이트 /  응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공합니다. -> 정말 사람들이 사용하는 사이트를 제공해주는 프로그램(?)

Netlify 사용법

1.     정적(Static) 웹사이트를 완성했다면 GitHub/GitLab/Bitbucket Push합니다.

2.     Netlify 이동하여 Sign-up(회원가입) 합니다.

      ·       https://www.netlify.com/

3.     접속  바로 ‘New site from git’ 선택할  있습니다.

4.     원하는 Git 솔루션를 선택합니다.

5.     저장소 선택

6.     기본 빌드 설정

7.     사이트 이름(도메인) 설정(Site setting > Site information > Site name:’  클릭하여 이름을 수정할  있습니다.)

8.     사용자 정의 도메인(Custom Domain) 설정(2단계에서 ‘Set up a custom domain’ 선택 -> ‘Add custom domain’ 버튼을 눌러 보유하고 있는 나의 도메인을 추가)

9.     DNS 설정

10.  네임서버 변경(도메인 제공 업체(GoDaddyCafe24Gabia ..)에서 https://developer-cat.com/처럼 도메인을 구입  진행한다.)

11.  무료 TLS 인증서로 HTTPS 보안 및 암호화를 추가( 3단계의 ‘Secure your site with HTTPS’ 버튼을 선택합니다. 페이지 중간에 ‘HTTPS’ 영역에서 ‘Verify DNS configuration’ 버튼을 선택합니다. )

12.  DNS 변경 사항이 전파될 때까지 1시간 정도 기다립니다.

13.  1시간 정도 기다린  HTTPS 사용할 준비가 되면 ‘Let’s Encrypt certificate’ 버튼이 생성됩니다. 버튼을 누르면Let ‘s Encrypt에서 TLS 인증서를 제공하고 CDN 설치합니다.

 

 

이 후 프로젝트를 git에 푸쉬하면 1~5분 후에 자동으로 변경된 사이트를 구경할 수도 있다.

반응형

'WEB > WEB' 카테고리의 다른 글

판매 사이트 만들기  (0) 2024.02.05
[Web] 마크다운  (0) 2023.10.23