meta-bifrost 개발기(feat. DeepSeek R1)

한줄요약: DeepSeek쓰세요. 두번 쓰세요!
https://meta-bifrost.vercel.app/


🖼️ 배경

* 커리어리에 baemin 기술블로그, udemy 등 링크 넣으면 포스팅이 안됨

* 원인은 site-meta api 호출 실패

직접 넣은 title과 og image를 반환하는 서비스를 만들어보자!


🚧 프로토타입

* vs code + Cline + DeepSeek R1 사용

* next.js 스케폴딩하는 cli 명령부터, .env 에 넣을 변수까지 모두 셋업해줌

* 각 단계를 진행할 때 사용자에게 작업을 설명하고 컨펌 받음.


각 단계별로 쓴 금액이 너무 싸다

0.0016$ cli

0.0003$ Firebase 셋업

0.0003$ .env

0.0007$ 메인 페이지 개발

0.0006$ 동적 라우팅 구현

0.0004$ 코드 실행


이 단계까지 1분도 안걸림


🐛 디버깅 및 배포

스타일링이나 디버깅은 GitHub Copilot과 함께 처리.


Next.js 서버 사이드 처리 부분과 client 사이드 처리 코드가 섞이는 에러가 있었음.

이 부분은 공식문서 읽고 해결


이 단계를 대략 1시간 정도 소요

Meta Bifrost - URL Shortener

meta-bifrost.vercel.app

Meta Bifrost - URL Shortener

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2025년 1월 24일 오전 5:34

댓글 0