웹에 사이트 배포
이번에 배울 내용
- GitHub 저장소를 새로운 Netlify 앱으로 추가
- Astro 사이트를 웹에 배포
여기에서는 GitHub 저장소를 Netlify에 연결합니다. Netlify는 코드 변경 사항을 커밋할 때마다 해당 프로젝트를 사용하여 웹에서 사이트를 실시간으로 빌드하고 배포합니다.
새로운 Netlify 사이트 만들기
섹션 제목: 새로운 Netlify 사이트 만들기-
아직 계정이 없다면 Netlify에서 무료 계정을 만드세요.
사용자 이름을 기록해 두세요.
https://app.netlify.com/teams/username에서 대시보드와 생성한 모든 사이트를 볼 수 있습니다. -
Add new site > Import an existing project를 클릭하세요.
Git 공급자에 연결하라는 메시지가 표시됩니다. GitHub를 선택하고 화면에 표시된 단계에 따라 GitHub 계정을 인증하세요. 그런 다음 제공된 목록에서 Astro 프로젝트의 GitHub 저장소를 선택하세요.
-
마지막 단계에서 Netlify는 앱의 사이트 설정을 표시합니다. Astro 프로젝트에 대한 기본값이 정확해야 하므로 아래로 스크롤하여 Deploy site를 클릭할 수 있습니다.
축하합니다. Astro 웹사이트가 생겼습니다!
프로젝트 이름 변경
섹션 제목: 프로젝트 이름 변경Netlify의 사이트 개요 페이지에는 무작위로 생성된 프로젝트 이름과 https://project-name-123456.netlify.app 형식의 웹사이트 URL이 표시됩니다. 프로젝트 이름을 좀 더 기억하기 쉬운 이름으로 변경하면 URL이 자동으로 업데이트됩니다.
새 웹사이트 방문
섹션 제목: 새 웹사이트 방문사이트 설정에서 URL을 클릭하거나 브라우저 창에 해당 URL을 입력하여 새 웹사이트를 확인하세요.
지식을 테스트해보세요
섹션 제목: 지식을 테스트해보세요기존 웹사이트의 홈 페이지를 업데이트하려고 합니다. 어떤 조치를 취하나요?
체크리스트
섹션 제목: 체크리스트추가 자료
섹션 제목: 추가 자료-
Netlify 배포에 대한 단계별 안내서 외부 링크