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

    함께 읽은 게시물

    딸을 위한 받아쓰기 어플을 스스로 만드는 가족

    ... 더 보기

    초등 받아쓰기 시험, 단어 공부

    spellstart.com

    초등 받아쓰기 시험, 단어 공부

     • 

    댓글 1 • 저장 11 • 조회 3,881


    AI, 어디까지 써보셨나요?

    저를 포함한 주변에서 자주 보이는, AI에 대해 공부하는 단계별 순서입니다.

    ... 더 보기

     • 

    저장 67 • 조회 4,495


    리더들을 패닉에 빠뜨리는 구역이 두 군데 있습니다. 바로, 잡플래닛과 블라인드죠. 뼈빠지게 노력하고 야근도 불사하며 조직운영을 위해 일하고 있는데, 올라온 글은 불만 밖에 없습니다. ‘좋게 좋게 생각하자, 좋은 피드백만 받을 순 없잖아. 이런 의견도 수용해서 발전해야지’라고 생각해도 가슴 깊숙한 곳에서 밀려오는 허무함과 허탈함은 어쩔 도리가 없습니다.

    ... 더 보기

    [위버 INSIGHT] 잡플래닛 2점? 회사 자부심 높이는 5단계

    네이버 블로그 | 위버 WEEBUR

    [위버 INSIGHT] 잡플래닛 2점? 회사 자부심 높이는 5단계

    요즘 우아한 AI 개발 출간~

    ... 더 보기

    “요즘 우아한 AI 개발” 출간!

    meta-bifrost.vercel.app

    “요즘 우아한 AI 개발” 출간!

     • 

    저장 27 • 조회 4,298



    사이드 프로젝트 34개를 만들고 느낀점 10가지

    1️⃣ 아이디어의 가치는 실행했을 때 비로소 생긴다.

    ... 더 보기

     • 

    저장 122 • 조회 4,105