Firebase에 Astro 배포
Astro는 Javascript 프론트엔드 프레임워크로 등대 점수가 높은 것으로 유명합니다. Astro는 UI를 더 작은 구성 요소로 추출하고 사용하지 않는 자바스크립트를 HTML로 대체하여 이를 달성합니다. 따라서 Javascript가 적을수록 로드 속도가 빨라지고 대화식 시간(TTI 점수)이 향상됩니다.
Firebase는 호스팅을 비롯한 다양한 서비스를 제공하는 일련의 서비스를 제공하는 PAAS입니다. 주목해야 할 주요 사항은 Firebase가 무료 등급을 제공한다는 것입니다. 따라서 앱 빌드를 시작하고 무료로 호스팅할 수 있습니다.
버전 제어를 위해 GitHub를 사용하는 경우 GitHub 작업도 구성할 수 있습니다. 메인 브랜치로 푸시하거나 PR을 메인 브랜치에 병합할 때마다 Firebase에 대한 배포가 자동으로 트리거됩니다. Firebase 설정에는 Github 작업 구성도 포함됩니다.
1단계: Firebase 프로젝트 만들기
Astro 앱이 배포될 Firebase 프로젝트를 설정합니다. Firebase 프로젝트를 설정하는 데 도움이 필요한 경우 다음 동영상을 참조하세요.
2단계: 컴퓨터에서 Firebase 초기화
프로젝트 경로의 터미널에서 다음 명령을 실행합니다. 이전에 Firebase를 이미 초기화했다면 이 단계를 건너뛸 수 있습니다.
다음 명령어를 사용하여 Firebase를 설치합니다.
-g
플래그를 사용하여 전역적으로 설치합니다. 따라서 새 프로젝트를 위해 다시 설치할 필요가 없습니다.npm install -g firebase-tools
다음 명령어를 사용하여 Firebase에 로그인합니다.
firebase login
3단계: Astro 앱용 Firebase 설정
앱의 루트 디렉토리에서 이 명령어를 실행하여 앱의 Firebase 설정 프로세스를 시작하세요.
firebase init
호스팅 서비스 선택
목록에서 호스팅 서비스를 선택하고 GitHub 작업을 사용하여 자동 배포를 설정하려면 선택적으로 "GitHub 작업 배포 설정"을 선택합니다.
프로젝트에 매핑
"기존 프로젝트 옵션 사용"을 선택하여 1단계에서 생성한 프로젝트를 찾아 선택하면 Astro 앱이 해당 프로젝트에 연결됩니다.
호스팅 설정
적절한 호스팅 구성 선택
build
이기 때문에 dist를 공개 디렉토리로 선택하십시오.디렉토리를 다른 디렉토리로 출력
GitHub 작업 설정
워크플로를 설정하는 데 필요한 형식으로 리포지토리 이름을 제공합니다. 이 단계에서는 다음을 수행해야 합니다.
GitHub에 로그인합니다.
설정이 완료되면 프로젝트에 다음 파일과
.github
아래의 파일이 생성되어야 합니다.GitHub Actions를 설정하기로 선택한 경우 폴더
Reference
이 문제에 관하여(Firebase에 Astro 배포), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dante_inferno/deploying-astro-on-firebase-55e0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)