Don't think! Just do it!

종합 IT 기술 정체성 카오스 블로그! 이... 이곳은 어디지?

Next.js/aws amplify

Next.js AWS에다가 올릴거야!! ㅠㅠ 구글 미워!

방피터 2022. 6. 20. 14:58

난 사실 react-native 프로젝트를 하고 있었어 firebase 사용해서 말이지. 생각보다 쉬워서 괜찮았어 firestore 쿼리하는 것도 그렇게 나쁘지 않았고(typescript로 자료형 정의하는게 약간 더럽긴 했지만.) 그러다 어드민 사이트가 필요해서 next.js를 시작했는데 firebase에는 없는 next.js 호스팅 기능이 AWS amplify에는 있더라고 정확히는 SSR 기능을 지원한다는 거지. 그렇다고 gcp app engine을 쓰자니 무료 구간도 없고 요금도 쌔고 참. aws amplify에다가 firebase 기능(auth, firestore)을 가진 어드민 사이트를 넣자니 끔찍한 혼종같잖어..

끄..끔찍하 호..혼종!

물론 firebase에도 next.js 호스팅을 지원하는 기능을 추가하고 있어. 그런데 베타도 아냐. experiment야. 실험이라는 거지. 👇

2022.06.01 - [Cloud services/Google Cloud] - Deploying Next.js on Firebase hosting

 

Deploying Next.js on Firebase hosting

Google I/O 2022에서 Firebae 쪽 변화를 한번 살펴봤는데 눈에 띄는 게 있더라고 원래 Firebase Hosting에서는 static 파일만 호스팅 해줬어. 그러니깐 Next.js 같이 SSR 지원해주는 애들은 단순히 Hosting 기능만..

engschool.tistory.com

구글이 뭐 하다가 접은 게 한 두개가 아니잖아? 이것도 그럴까봐 무섭고.. firebase function 백그라운드 함수 트리거 조차도 아직 베타야...

firebase function background 함수 트리거는 아직도 베타.

또 스키마가 필요없는 firestore는 간편하게 시작하기에는 매우 좋지만 관리하기가 좋지 않아. 스키마 자체가 없으니 실수든 뭐든 의도하지 않은 행위를 하더라도  firestore는 검증을 안하지. 개발하다가 이런 게 하나 둘 쌓이다 보면 나중에 테스트 데이터라도 엄청 꼴베기 싫어지는데 결국 데이터 정리를 위해 또 다른 firestore 툴에 결재를 하게 되더라고. collection 이름을 변경 못한다니 참.. 짜증이.

2022.05.16 - [Cloud services/Google Cloud] - Firefoo

 

Firefoo

GCP firebase firestore 작업하다보면 Collection 이름을 변경하고 싶을 때가 있다. Collection 이름을 뭔가 부끄럽게 만들었다던지.. 할 때.. ㅋㅋㅋㅋ 하지만 Firestore는 Collection 이름을 변경하는 기능을 지..

engschool.tistory.com

Graphql로 인터페이스를 맞추고 싶어도 firestore는 그를 위한 정식 가이드나 library가 없어. firebase function에다가 express, graphql library를 조악하게 조합해서 만든 예제들이 널려 있을 뿐이야. 게다가 이렇게 하면 subscription 같은 건 되지도 않지. 또 (실제로는 안 그런것 같긴 하지만) 허용하는 문서의 업데이트 주기가 1초임. 그래서 빈번한 업데이트(예를 들면 좋아요 버튼)의 경우에는 sharding을 사용해야 하는 점, query가 제한적이라는 점 등 여러 가지 짜증나게 하는 요소들이 많았어. 이런 여러 가지 이유들로 내가 하려는 수준의 어플리케이션을 firebase로 하는 건 조금 위험하지 않을까? 하는 생각이 들었지.

그에 비해 amplify의 호스팅은 next.js의 ssr을 정식으로 지원하고 있고, graphql은 기본, 또 firebase가 지원하는 auth 등도 딱히 빠지는 게 없는 거 같더라구. 그리고 무엇보다 내 꼬여있는 성격때문에 1등 서비스는 쓰기 싫어서 gcp를 썼는데.... 딱히 뭐.. 병신같은 생각이었지.

2020년 클라우드 순위

암튼 그래서 진짜 이를 악물고 눈물을 머금고 firebase로 되어 있는 react-native 앱을 전부 다 갈아 엎어버리기로 결정했고 새로 만들 어드민 사이트도 next.js를 amplify에 얹을거야. 아 고갈될 나의 생명 에너지를 생각하니 눈앞이 아찔해 ㅋㅋㅋ 올 여름은 아주 지옥이겠구나~ ㅋㅋㅋ 돈은 언제 버나 ㅠㅠ

아래 글을 참고하면 amplify에 next.js를 올릴 수 있어. 혹시 요금 많이 나올까 걱정하는 사람 있을까봐 말해두는데 예전에 SSR 기능 없이 next.js 올려두고 까먹었는데 1년 동안 과금된 적이 없었어. 무료 기간이라 봐준건가? 암튼 그렇다고.

2022.02.28 - [Next.js] - Next.JS + AWS Amplify 맛만 보자 ㅎㅎ

 

Next.JS + AWS Amplify 맛만 보자 ㅎㅎ

Next.JS 부르는 React Framework이 있습니다. React Framework이니까 프론트 엔드... 그런데 서버 렌더링을 지원한다고? 음 ㅋㅋㅋ 뭔 소린지 모르겠습니다. 서버 렌더링 하려면 그냥 호스팅 가지고는 안되

engschool.tistory.com

물론 amplify도 해봐야 알겠지만 이런 저런 한계가 있겠지. 장단점도 있을테고. ㅎㅎ 그래도 검색해봐야 안나와 ㅎ 다들 자기한테 맞는 방식으로 개발하는 거고 환경 구축하는 거지 ㅎ 개취!개취! 그러니까 결론은 해봐야 자기 취향도 안다는 거 ㅋㅋㅋ 그럼 다들 취향 찾으러 ㄱ

반응형

'Next.js > aws amplify' 카테고리의 다른 글

Next.JS + AWS Amplify 맛만 보자 ㅎㅎ  (0) 2022.02.28