Cloudflare Pages에 Docusaurus 배포

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

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

앱 만들기

반짝이는 터미널을 열고 docusaurus 앱을 만듭니다.
만드는 방법: 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