React+Next.js 사이트 배포

Question

전공자/프론트/React/3년 공백
React+API+Firebase 적용한 프로젝트 2개 보유

취준 생활이 길어지다 보니 부모님의 걱정으로 
우선 지인 회사에 취업해 전산 업무를 담당하며 
회사 사이트를 관리하게 되었어요.
(연봉이 좋습니다.)

전산 업무는 사실상 나이 있으신 분들 컴퓨터 모르는 부분 가르쳐 드리고
나중에 외주 프로그램 오픈 하면 미팅하고
에러 나는 부분만 전화로 해결 요청 드리면 된다고
아무것도 몰라도 알려주겠다 하셔서 
여기서 제가 직접 사이트를 만들어 배포하면
나중에 커리어에 추가할 수 있을 것 같아서 다니기로 했습니다.
(모르는 게 생기면 대표님(개발관련X)과 친척 분께 여쭤볼 수 있습니다. 친척=유일한 사수)

현재 운영 중인 사이트는 JSP로 기능만 작동하는
아주 단순한 디자인의 사이트(친척이 4개월 동안 개발하고 이직, 프론트X)라
제가 Next.js를 아직 써본 적은 없는데
차차 공부하면서 사이트를 개발해볼까 합니다.

질문 1.
로그인/로그아웃, 회원가입, 게시판 정도의 기능만 하고
나머지는 회사에 대한 설명 위주인 간단한 사이트인데
React + Next.js + MySql 로 개발해서 배포할 수 있을까요?
아니면 따로 Spring으로 백엔드를 따로 개발해야 할까요?
(Spring Framework + mariaDB로 ERP 프로그램 개발 경험 있습니다. 배포는 안 해봤습니다.)

질문2.
질문1 중 하나를 선택해 배포할 때
AWS로 할 지 아니면 다른 추천해주실 만한 것이 있는지 궁금합니다. 
기존 토이 프로젝트들은 firebase로 db 및 로그인 구현했고 netlify로 배포해서 아는 게 너무 부족합니다.

질문3 - 여담.
지금이라도 도망가야 할까요?ㅋㅋ
혼자서 독학으로 프론트하고 있던지라 앞으로 TypeScript, Next.js 등 공부할 예정이었는데
여기 취업 아니면 국비지원 부트캠프 가려고 했습니다.
대학생 때 학과 1~2등도 해보고 학점도 4.1~4.3 정도로 공부는 잘하는 편...이었습니다ㅎ...
사이트 개발하다가 도저히 안되겠으면 그냥 외주 맡기시라고 하고
저는 다니면서 개인 공부해도 되지 않을까 생각합니다.

손우진 · Accepted Answer

1. 회원가입을 생각중이시라면 개인정보보호법에 대해 이해하셔야 할겁니다. 그냥 무작정 개인정보 받도록 하면 안됍니다. 그리고 최소한의 데이터만 받아서 회원가입을 진행한다면 스팸에 대한 대응이 필요합니다. 백엔드를 넥스트로 한다면 불가능할건 없죠. 백엔드를 스프링으로 짜는 이유가 여러가지가 있겠지만, 백엔드역할을 넥스트로 할거면 굳이 그럴 필요는 없다고 봅니다. 전 보통 리액트랑 스프링 같이 쓸 땐 배포의 편의성 혹은 백엔드로직이 상당히 복잡하고 신뢰도가 필요할 때 (주변에 스프링 개발자가 많긴 하니까요....) 사용합니다. 리액트를 스프링 리소스 내 static 디렉토리에 빌드하면 결국 그거가지고 스프링 빌드하면 되니까요. 2. 넥스트를 쓴다면 Vercel 도 방법입니다. 반드시 Aws가 은탄환은 아닙니다. 지금 시점에서 복잡하게 셋업 하시다가 실수 한번으로 요금 폭탄 맞는것보단 그게 나을지도 모르죠. 3. 판단에 맡기겠습니다만, 개발을 하고싶다면 답은 정해진 것 같기도 하네요...

2. 넥스트를 쓴다면 Vercel 도 방법입니다. 반드시 Aws가 은탄환은 아닙니다. 지금 시점에서 복잡하게 셋업 하시다가 실수 한번으로 요금 폭탄 맞는것보단 그게 나을지도 모르죠.

3. 판단에 맡기겠습니다만, 개발을 하고싶다면 답은 정해진 것 같기도 하네요...

권혁진 · Answer

Nextjs react 로 프론트를 작성하신다면 vercel 로 배포해도 좋긴합니다만 
게시판의 경우 ssr로 작성하고 또 api 통신이 오래 걸리게 되면 무료 요금제의 경우 타임아웃이 10초 정도하기때문에 타임아웃 오류가 발생할수 있습니다 이 부분도 고려를 하시면 좋을것 같아요
리소스가 좀 많다면 클라우드에 배포하는거도 고려해볼법 할것 같습니다