이정도면 나도 만들 수 있지 않나?(이나도)

개발자인 저는 웹이나 앱 서비스들을 이용하다 보면 종종 ‘이정도면 나도 만들 수 있을 것 같은데?’ 라는 생각을 합니다. 실제론 만들어본 적도 없으면서 말이죠. 어쩌면 머릿속으론 ‘이거 만들고, 이거 만들려면 저거해야하고 … 저거는 저렇게 해야하지않나..? 맞나? 혼자선 힘들 것 같은데?’ 라는 계산이 끝나 있었기 때문이 아닐까 싶습니다.

하지만 이제부턴 진짜로 만들어 보려고합니다. 나도 만들 수 있을만한 제품들의 장점을 취합하여 만드는 과정을 공유하고, 그로부터 돌아오는 피드백을 동력삼아 꾸준히 만들어 보겠습니다.

제가 첫 번째로 만들어볼 프로젝트는 ‘프로필 링크’ 서비스입니다. 국내에는 리틀리, 인포크 링크, 위티 같은 서비스들이 이미 어느정도 자리를 잡은 상태입니다. 각 서비스들만의 장단점이 있고 서비스들의 장점을 추려 최대한 이번 MVP에 반영해 보려고 합니다.

MVP 대략적인 기능

1. 로그인 기능

2. 페이지 생성, 디자인 수정, 블록(링크) 삽입

3. 비로그인 유저도 프로필 페이지 생성가능하며 편집또한 가능 (위 나열한 서비스들 중에는 없는 기능입니다.)

4. 페이지 수정과 동시에 페이지 미리보기

5. 인풋 포커스 아웃 시에 자동 저장기능

개발일지

빠른 개발과 최소한의 인프라 비용을 생각하고 있습니다. 개발관련 조언도 남겨주시면 너무 감사합니다.

기술 스택 supabase, react, nextjs, aws(amplify)

• 우선 프론트 개발자이다보니 서버관련 지식이 부족하여 별도의 api 서버는 두지 않았고 supabase restapi를 사용하였습니다. (비즈니스 로직은 아직 까진 없으며 postgresql policy로 현재 대체가능하여 개발하였음)

• 사용자의 프로필 링크 페이지는 서버측에서 렌더링하기 위해 해당 페이지만 nextjs로 개발하였습니다. (링크 공유 시 페이지 메타데이터 미리보기)

• 프로필 링크 에디터 페이지와 랜딩페이지는 react로 개발하여 정적 호스팅 하였습니다.

• 사용자의 프로필 링크 페이지, 프로필 링크 페이지 에디터 두프로젝트로 나누었고 공통된 모듈사용을 위해 모노레포로 개발하였습니다.

• 원래 정적 웹 호스팅은 s3 - cloudfront를 주로 이용하였으나, 이번에 nextjs를 배포하며 알게된 amplify가 배포 자동화가 너무 잘되어 있어서 정적 웹호스팅도 amplify로 전환 하였습니다. (비용적으로 크게 차이가 없을 거라고 생각되긴 합니다.)

• 도메인은 aws route53통해 구매하였습니다.(가격은 가비아, godaddy 보다 비싸지만 DNS도 차이가 일반적으로 있다고 알고 있어 그냥 구매했습니다.)

MVP라곤 했으나 혼자 개발하다보니 타협을 많이하게 된 같습니다. 별볼일 없지만 디스콰이엇에서의 프로젝트 첫 출시네요 🥲 많은 관심 부탁드립니다 🙇‍♂️🙇‍♂️