프로젝트 기획 과정

스터디 참가로 웹 투두리스트를 만들어보게 되었다.
백엔드 서버에는 firebase를 써볼까 하다가 스터디원분의 supabase 추천으로 찾아보니, DataBase 설계만 한다면 필요한 기능들은 supabase에서 빠르게 구축할 수 있다고 해서 채택했다.

🖥 웹 프레임워크 - Nextjs 13 (app router)

• Nextjs를 선택한 이유는 많은 기업에서 요구하는 프레임워크이기도 하고, 13 버전부터 많이 바뀌었다길래 이번 기회에 서버의 맛도 같이 찍먹해보고자 Next.js를 선택했다. 14가 아니라 13을 선택한 이유는, 하고자 하는 프로젝트 규모가 크지 않아서 굳이 상대적으로 자료가 적은 14를 선택할 필요가 없다고 생각했다.

🏔️ 언어 - Typescript

• 빠르게 기능을 만들어내야 하기 때문에 타입 안정성을 가져가고 싶었고, 전에 강의로 공부했던 타입스크립트의 내용을 적용해보고 싶었다.

⭐️ 상태 관리 - zustand

• 추천받은 상태 관리 라이브러리. 리덕스는 대규모의 느낌이었고..(배보다 배꼽이 큰 느낌) 작고 귀여운 프로젝트라 zustand를 써보고 싶었다.

🥔 웹 배포 - AWS Amplify

• Next.js를 사용하니까 Vercel이지.. 라고 생각했는데 이 조그마한 프로젝트에 버셀은 좀 과하고, CI/CD를 경험하고 싶어서 Amplify로 결정했다. 그리고 현재 스터디에서는 github organization을 사용하고 있는데, 여기서 배포하면 각자 금전적 부담이 있다고 한다.

🏟️ 스타일링 - Tailwind

• 사용할 디자인을 피그마로 만들어두고, 스타일 유틸리티는 Tailwind를 사용하려고 한다.

Next.js + supabase setting
https://supabase.com/docs/guides/auth/server-side/nextjs?queryGroups=router&router=app