워드프레스 ? 그게 뭔데 - Strapi 나만의 블로그 만들기(1)
strapi와 supabase의 궁합 _ Strapi 나만의 블로그 만들기(2)
nextjs와 strapi의 편안한 만남_ Strapi 나만의 블로그 만들기(3)
next 13 그냥 쓰지맙시다. _ Strapi 나만의 블로그 만들기(4)
요즘 유튜브에서 수익화로 대세인 wordPress - cloudways 조합보다
내가 선택한 기술이 왜 좋은지 알아보기
(1) strapi + (2)supabase + (3)next.js + (4)koyeb + (5)vercel
(1) Strapi : 제작 의뢰 creator가 사용하기 위해선 깔끔한 UI의 CMS가 필요했음.
API 제공, 콘텐츠 전용 페이지, DOCS, markdown editor, postgreSQL connect ⇒ 개발시간 단축
☠️troubleshooting : strapi 와 supabase를 연결시키는 문제가 어려웠지만 해결함. strapi는 기본적으로 sqlite를 제공하며 쉬운 구축을 제공했고, 나는 원격으로 supabase를 연결하면서 기존에 없던 방법을 사용했음.
(2) Supabase : 몇 개의 프로젝트를 거치며 검증된 Back-end 스택
storage, API, PostgresSQL, db, asia based severless fuction
☠️troubleshooting : strapi와 storage를 연결하는 과정에서 low-level-security를 설정해줘야하는 문제 등이 있었음. 자세한 error msg가 뜨지 않아 어려웠던 부분이 있었음.
(3) Next.js 13
현존하는 최대 이슈, 최대 관심, 대세 javascript framework : 다시 SSR의 붐을 일으킨 장본인
☠️troubleshooting : next.js 13 이 stable 되었지만, 실제 사용에서 래퍼런스와 docs, fetching 문제가 있었음. https://github.com/vercel/next.js/issues/51788#issuecomment-1628367478
(4) koyeb : Back-end Deploy
heroku의 유료화로 인해 koyeb 을 발견해 strapi server 배포 (monthly 5$ free)
☠️troubleshooting : 배포 환경에서 npm와 node 환경이 에러가 발생해 특정 버전으로 fix 해주고, env를 맞춰주는 과정이 필요했음. but U.S & 독일 서버만 있어서 서버가 대체적으로 느림. 아시아 서버를 제공하는 곳으로 이사가 필요할 수도 있음.
(5) vercel : Front-end Deploy
초 대세 Next.js를 만든 vercel. git 연동 된 쉽고 빠른 배포
☠️troubleshooting : 서버도 vercel로 배포하려고 했지만, 포트를 열어줄 방법이 없어서 실패. 또한 next.js(13)과 vercel의 ajax data 캐싱 문제로 나를 크게 괴롭힘. 결국 둘의 호환 문제임. vercel은 효율적으로 데이터를 관리하려고 자체적으로 캐싱을 진행했는데, 이는 실제 데이터가 패칭되어오지 않는 문제를 야기함.
export const revalidate = 0;로 해결 됐지만, 임시방편일뿐
SEO 최적화
SSR
Site-map
google-domain
google-analysics
vercel-analysics