스트라피 스타터 반응 블로그
왜 우리는 이러한 스타터를 만들었습니까?
스타터를 사용하면 Strapi와 프런트엔드 프레임워크 간의 연결 결과를 빠르게 시각화할 수 있습니다. 응용 프로그램을 처음부터 시작하는 것보다 제품에 대한 아이디어를 얻기 위해 기존 응용 프로그램을 파헤치는 것이 더 쉽고 빠릅니다. 이 프레임워크 또는 저 프레임워크를 사용하여 블로그를 만드는 방법에 대해 작성tutorials한 것처럼, 스타터를 만들기 위해 결과 애플리케이션을 사용하는 것이 Strapi 커뮤니티에 유용해 보였습니다.
목표
React 및 기타 응용 프로그램 소프트웨어를 사용하여 Strapi로 기본 블로그를 만드는 방법을 이해합니다.
전제 조건
계속 진행하려면 다음에 대한 기본적인 이해가 필요합니다.
이 프레임워크 또는 해당 프레임워크로 블로그를 만드는 방법에 대한 이전tutorials이 있습니다. 스타터를 만들기 위해 결과 애플리케이션을 사용하는 것이 Strapi 커뮤니티에 유용해 보였습니다.
스타터를 시작하려면 두 가지 옵션이 있습니다.
어떻게 실행하는지 보자!
백엔드 배포
Strapi 인스턴스를 배포하려면 다음이 필요합니다.
이러한 계정을 만든 후에는 이 버튼을 클릭하여 인스턴스를 배포할 수 있습니다.
배포 버튼을 클릭하기 전에 strapi 백엔드 코드의
.env
파일이 아래 이미지의 정보로 업데이트되었는지 확인하십시오.그 다음에
Here is the repository of the backend of this starter .
Heroku에 배포한 후 아래와 같은 출력이 표시되어야 합니다.
프런트엔드 배포
Netlify에서
프런트엔드를 배포하려면 무료Netlify account가 필요합니다. 계정을 생성하면 인스턴스를 배포할 수 있습니다.
리포지토리 이름을 선택하고 후행 슬래시 없이 Heroku의 Strapi 인스턴스로 `
API_URL
를 채웁니다.특징
true
로 설정된 권한페이지
시작하기
백엔드
Strapi starter blog에서 전체 지침을 참조하십시오. 이제 GitHub 저장소를 복제하고 서버를 시작하겠습니다.
`bash
git clone https://github.com/strapi/strapi-starter-react-blog.git
cd strapi-starter-react-blog
`
프런트엔드 서버 시작
`
bash
# Using yarn
yarn install
yarn develop
# Using npm
npm install
npm run develop
`
React server is running here => http://localhost:3000
If you are interested in the idea of making React applications with Strapi, here are the reasons why it is very good to bet on this duo: Strapi + React.
If you liked it, it would be great to share the word 📣 And let me know what you thought of it in the comments below.
Reference
이 문제에 관하여(스트라피 스타터 반응 블로그), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/strapi/strapi-starter-react-blog-24a4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)