Cloudflare 페이지에 Docusaurus 배포

안녕!
Docusaurus는 일반적으로 사용되는 정적 사이트 생성기입니다. 반응형으로 구축되어 모든 종류의 사이트(개인 웹사이트, 제품, 블로그, 마케팅 랜딩 페이지 등)를 만드는 데 사용할 수 있습니다.

Cloudflare Pages는 프론트엔드 개발자가 웹 사이트를 공동 작업하고 배포할 수 있는 JAMstack 플랫폼입니다.

앱 만들기

반짝이는 터미널을 열고 다큐사우루스 앱을 만드세요
만드는 방법: https://docusaurus.io/docs/installation#scaffold-project-website

이제 디렉토리를 생성했으면 프로젝트로 변경하십시오.

그런 다음 시작 명령을 실행합니다.

브라우저에서 개발 웹사이트가 열립니다. http://localhost:3000/



이제 Docusaurus 웹 사이트가 준비되었습니다. 이제 Cloudflare 페이지에 배포해 보겠습니다.

docusaurus.config.js URL 필드를 https://.pages.dev 또는 사용자 정의 도메인으로 변경하십시오.

Vercel 및 netlify와 달리 Cloudflare 페이지는 아직 cli 배포를 지원하지 않습니다(조만간 제공될 수 있음).

따라서 모든 코드를 github에 푸시해야 합니다.

git init
git add -A
git commit -m "initial commit"
git branch -M main
git remote add origin https://github.com/apidev234/Docusaurus-Cf-Pages.git 
git push -u origin main

이 명령을 실행한 후 github를 확인하면 거기에 코드가 있습니다.

Cloudflare 페이지 대시보드로 이동하여 아직 페이지에 가입하지 않은 경우 가입하세요.

앱을 만들고 github 저장소를 선택합니다.

프레임워크 사전 설정으로 Create React App을 선택합니다.

값NODE_VERSION을 사용하여 환경 변수16.13.2를 만듭니다.

Docusaurus는 노드 v14 이상의 노드 버전이 필요합니다. 16.13.2는 Node.js의 LTS(Long time support) 버전입니다.

그런 다음 배포를 클릭하면 5분 이내에 앱이 준비됩니다. :)

https://docusaurus-cf-pages.pages.dev/

Add a Custom Domain To Your App
Redirecting www to apex domain

연락하다

문제가 발생하면 저에게 연락하십시오: Contact me

유용한 링크

Docusaurus Documentation

Docusaurus Discord Server

Cloudflare Pages Documentation

Cloudflare Developers Discord Server