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 작업 배포 설정"을 선택합니다.
![](https://s1.md5.ltd/image/82e82165e78cbc10d985ba8318797fb4.png)
프로젝트에 매핑
"기존 프로젝트 옵션 사용"을 선택하여 1단계에서 생성한 프로젝트를 찾아 선택하면 Astro 앱이 해당 프로젝트에 연결됩니다.
![](https://s1.md5.ltd/image/4963a963674e7f4355810acd72b0c16e.png)
호스팅 설정
적절한 호스팅 구성 선택
build
이기 때문에 dist를 공개 디렉토리로 선택하십시오.디렉토리를 다른 디렉토리로 출력
![](https://s1.md5.ltd/image/819726695d1325643fa4f0be2ce9d54e.png)
GitHub 작업 설정
워크플로를 설정하는 데 필요한 형식으로 리포지토리 이름을 제공합니다. 이 단계에서는 다음을 수행해야 합니다.
GitHub에 로그인합니다.
![](https://s1.md5.ltd/image/548f80e6d9e0577e2d6083ded434b516.png)
설정이 완료되면 프로젝트에 다음 파일과
.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.)