Strapi 는 프론트에게 매우 유용한 CMS이다
특히 혼자서 프로젝트를 개발할때 말이다. 서버가 필요없이 바로 api 를 만들어 사용할 수 있는 것이 큰 장점이다
현업에서는 Strapi 를 부분적으로 사용하고 있다. 하지만 나도 사! 용! 하고 싶었다
그말인 즉슨 누군가가 차려놓은 밥상말고 나도 요리를 해보고 싶었다는 말과 동일하다
그래서 소원대로 Strapi 로 요리를 좀 해봤다
하지만 잘 꾸며진 정제된 과정 말고, 날것의 실행 과정을 그대로 올려보려고 한다 (누군가에겐 도움이 되길 바라며)
Strapi (1) 스트라피 설치하기
터미널에서 설치 명령어를 실행해보자
# --quickstart 옵션은 default로 db를 sqllite을 사용한다
npx create-strapi-app@latest my-project --quickstart
1차시도) 노드버전이 맞지 않아 실패했다
2차시도) 다행히 nvm 이 깔려있어서 v20.x.x 로 변경했다
그리고 다시 명령어를 날려주니 error 가 떳다. 친절하게도 cd로 디렉터리 변경 후, 인스톨하라고 알려준다
(와 진짜 친절하다고 느꼇다 예전에 cd 해야되는지 모르고 혼자 헤매이던 코린이 시절이 떠올랐...?!)
3차 시도) 인스톨을 마치고 yarn install 을 하고 yarn develop 명령어로 실행하려고 하니 에러가 난다
위에서 cd 어쩌고 && yarn install 로 하라는 조언을 받았는데 아마 yarn을 디폴트로 가정하고 추천한 것 같다.
나는 npx 로 create 햇기 때문에 npm install 을 먼저 해줘야 된다
4차시도) npm install 해주자 잘 설치된다 🎉
npm run develop 으로 어드민 페이지를 실행해보자
로컬호스트 url 을 치고 들어가니 잘나온다!
'Next' 카테고리의 다른 글
Strapi(2) ContentType 설정하기 (0) | 2024.02.29 |
---|---|
Next.js - 서버 컴포넌트에서 useContext() 사용하기 (0) | 2023.12.31 |
Next.js - Route 로 관리하는 모달 만들기 (URL 히스토리) (1) | 2023.12.29 |
Next.js - global 구글 폰트 적용하기(next/font) (0) | 2023.08.17 |
Next.js - SVG 사용해서 컬러, 사이즈 변경하기 (Feat.svrg) (1) | 2023.05.14 |
댓글