Netlify 특징, 배포 알아보기

Netlify의 특징

• 쉬운 연동: GitHub, GitLab, Bitbucket과 같은 Git 저장소와의 쉬운 연동을 제공하여, 소스 코드가 변경될 때마다 자동으로 사이트를 빌드하고 배포합니다.
• 서버리스 함수(Serverless Functions): 백엔드 로직을 처리할 수 있는 서버리스 함수를 지원하여, 정적 사이트에 동적 기능을 추가할 수 있습니다.
• 인스턴트 캐싱과 전역 배포: CDN(Content Delivery Network)을 통해 전 세계 어디서나 빠르게 콘텐츠를 제공합니다.
• 플러그인과 커뮤니티: 다양한 플러그인과 활발한 커뮤니티 지원을 통해 사용자가 필요로 하는 기능을 쉽게 추가할 수 있습니다.

다른 배포 툴과의 비교

1. Vercel

• Vercel도 Netlify와 유사하게 정적 사이트 및 Jamstack 애플리케이션에 특화된 배포 플랫폼입니다.
• Next.js와 같은 서버 사이드 렌더링(SSR) 프레임워크와의 긴밀한 통합을 제공합니다.
• Netlify에 비해 Vercel은 서버 사이드 렌더링과 정적 사이트 생성에 더 초점을 맞추고 있습니다.

2. GitHub Pages

• GitHub Pages는 GitHub 저장소를 사용하여 정적 사이트를 호스팅하는 서비스입니다.
• 설정이 매우 간단하며, GitHub와의 통합이 자연스럽습니다.
• 하지만 Netlify에 비해 고급 기능(예: 서버리스 함수, 자동 배포 설정 등)이 제한적입니다.

3. AWS Amplify

• AWS Amplify는 AWS에서 제공하는 정적 사이트 및 모바일 백엔드 애플리케이션 배포 서비스입니다.
• AWS의 광범위한 서비스와의 통합을 제공하여, 보다 복잡한 백엔드 로직이나 데이터베이스 요구사항을 가진 애플리케이션에 적합합니다.
• Netlify에 비해 초기 설정이 복잡할 수 있으며, AWS 생태계 내에서 작업하는 것에 익숙한 사용자를 대상으로 합니다.

Netlify는 정적 사이트와 Jamstack 애플리케이션 배포에 있어 사용하기 쉽고, 다양한 추가 기능을 제공하는 서비스입니다. 다른 배포 플랫폼과 비교할 때, 특정 사용 사례나 기술 스택에 따라 적합한 서비스가 달라질 수 있으므로, 프로젝트의 요구사항과 개발 환경을 고려하여 최적의 선택을 하는 것이 중요합니다.

 

반응형

Netlify와 Git/GitHub을 연결하여 웹사이트를 배포하는 과정

1. GitHub에 저장소 준비하기

먼저, 배포할 프로젝트를 GitHub에 저장소(repository)로 만들어 업로드해야 합니다. GitHub 계정이 없다면 먼저 계정을 생성하세요.

1. GitHub에서 새 저장소를 만듭니다.
2. 로컬에서 프로젝트 폴더를 초기화하고(git init), GitHub 저장소에 연결합니다(git remote add origin [GitHub 저장소 URL]).
3. 프로젝트 파일을 추가(git add .), 커밋(git commit -m "초기 커밋"), 그리고 GitHub 저장소로 푸시합니다(git push -u origin master).

2. Netlify 계정 생성 및 로그인

Netlify 웹사이트(https://www.netlify.com/)에 접속하여 계정을 생성하거나 로그인합니다.

3. 새 프로젝트 배포하기

1. Netlify 대시보드에서 "새 사이트 추가하기" 버튼을 클릭합니다.
2. "GitHub" 버튼을 클릭하여 GitHub 계정과 연결합니다.
3. Netlify에 GitHub 접근 권한을 부여합니다.
4. 배포하고자 하는 GitHub 저장소를 선택합니다.
5. 빌드 옵션을 설정합니다. 대부분의 정적 사이트 생성기(Jekyll, Hugo, Gatsby 등)나 프론트엔드 프레임워크(React, Vue, Angular 등)는 Netlify에서 미리 설정된 빌드 명령어와 게시 디렉토리를 사용합니다. 필요하다면 이 설정을 커스텀할 수 있습니다.
6. "사이트 배포" 버튼을 클릭합니다.

Netlify는 이제 선택한 저장소의 코드를 가져와 자동으로 빌드하고 배포합니다. 빌드와 배포 과정은 몇 분 정도 소요될 수 있습니다. 완료되면 Netlify에서 제공하는 도메인(예: your-project-name.netlify.app)으로 사이트에 접근할 수 있습니다.

4. 추가 설정 (선택 사항)

• 도메인 변경: Netlify에서 제공하는 서브도메인 외에, 자신의 도메인을 사용하고 싶다면, "도메인 설정"에서 도메인을 추가하고 DNS 설정을 조정할 수 있습니다.
• 자동 배포 설정: GitHub 저장소의 특정 브랜치에 커밋이 푸시될 때마다 자동으로 빌드 및 배포되도록 설정할 수 있습니다.

 

자세한 내용이 더 궁금하시다면 공식홈페이지를 참고해주세요.

https://docs.netlify.com/get-started/