Next.js 15, React 기반의 프론트엔드

* 이력

Next.js 경력 5년 (2019 ~) : 버전 9부터 사용

- App Route 실무경력 : (2023년 9월 ~ 현재)

- App Route 외 Page Router 업무 가능

- 앱라우트 관련 버그 및 트러블슈팅은 대부분 다 겪어보았고 next 15 RC 기준으로 대부분의 문제 해결 가능합니다

- tRPC 개발 원하시면 tRPC로 개발해 드립니다

- nest.js 개발 가능 (prisma 기반)

_______________________

작업 프로세스

* 작업 단위별로 github에 push. 해당 레포와 vercel 연동하여 의뢰자 분이 커밋단위 작업 확인가능

* notion으로 작업일정 공유 - 피드백 실시간으로 받습니다. 저는 빠른 피드백을 중요시 여기므로 피드백은 빠를수록 좋습니다.

* 연락 자주하는 편이므로 연락 기피하시는 분 사절합니다 (하루 최소 1번 연락)

* 작업시간 기준 늦어도 30분 내로 답장 주세요 (힘드시면 같이 작업하기 어렵습니다)

* 일정 중요시합니다. 일정관련 약속은 꼭 지켜주세요

* 자체 개발팀 있으신 분께 - API 버그량에 따라서 일정 변경될 수 있습니다

* 비개발자 분께 - 개발용어 몰라도 괜찮습니다. 연락만 제때 받아주세요

* 소위 대단하신 분들께 - 어떤 대단한곳 출신이던간에 저자세로 안 봐드립니다. 갑질하지 마세요

* 의사소통 솔직하고 자기 제품에 애정있는 분 환영 - 원하시면 적극적인 피드백 드립니다

* 거짓말 좀 하지맙시다 (저 바보 아니에요). 먼저 신의를 저버리시면 추가의뢰 안받습니다

_______________________

* 작업내역 (일반 CRUD 업무 제외)

h**** - meteor.js 기반 채팅 플랫폼 고도화. 번들러 최적화

r***** - 웹기반 동영상 자막 에디터

g***** - 랜딩페이지 (인터렉티브 애니메이션 UI)

r***** - tensorflow.js 기반 - 운동 포즈 탐지

a***** - ohif 뷰어 기반 - 의료이미지 조회 플랫폼

o***** - 관리자 페이지 (리얼타임 DB Sync - DB 변동시 UI 자동갱신)

d***** - nest.js 백엔드 개발 (prisma 기반 db 쿼리)

i***** - 딥러닝 API 기반 웹앱 ( 일래븐랩스, synclabs API 기반)

_______________________

아래의 서비스 이용 가능

* 신규 페이지 개발

* 복잡한 폼 관리 (입력창 100개 초과해도 ok)

* WebRTC 기반 화상채팅 플랫폼

* 웹소켓 기반 리얼타임 DB Sync, 실시간 알람

* OAuth 회원가입, 로그인 (구글, 카카오, whatever)

* 결제플랫폼 연동 (부트페이, 아임포트)

* 깃헙액션 CI/CD 파이프라인 구축. AWS EC2 배포

* 복잡한 애니메이션 ( scroll animation, staggered animation, 3d 애니메이션 등 모든 종류의 애니메이션 구현 가능 )

* 웹페이지에 3D 이미지 삽입 - gltf등의 3D 모델링 파일 필요

____________________________

스택

* 언어 : typescript

* react-hook-form + zod

* react-query

* BaaS : supabase, planetscale, convex, 불가피한 경우 firebase도 가능

* ORM : prisma, drizzle ORM

* auth : next-auth 또는 supabase auth

* UI : shadcn, chakra-ui

* 상태관리 : jotai. valito, zustand, recoil (jotai 선호)

* 백엔드 : next.js, tRPC , nest.js (선택)

* 그 외

모든 라이브러리 & 프레임워크 : 프로젝트 투입직전 배워서 사용가능 (안 가르쳐주셔도 알아서 배웁니다)

* 호스팅:

서버리스 플랫폼 - Vercel , Cloudflare Pages, Netlify, AWS Amplify중 택 1

- Edge Function 기반의 JAMStack 선호하는 분께 추천

elastic compute 플랫폼 : AWS EC2, GCP, Azure, 알리바바, heroku

- 전통적인 서버 선호하시는 분께 추천

* 배포 : Github Actions 사용경험 유 (EC2 자동배포 & Cron Job)

1. 프론트엔드 온리

* Swagger등으로 API 명세를 알려주시면 그에 맞추어 제작합니다

* Suspense 기반의 lazy loading 및 Skeleton UI 구현 경험 유

* PWA 앱 제작경험 유. 구글 Workbox 사용

* 웹팩 설정 및 플러그인 추가 가능

* 반응형 웹 제작경험 다수 (모바일, 태블릿, PC에 따라서 가변적으로 변하는 레이아웃)

2. 풀스택

* next.js 14

* 서버 컴포넌트 제작경험 유

* 3가지 옵션 중 하나에 맞추어 제작 가능합니다

- 정적 사이트 생성 (SSG) - 일반적인 JAMStack 솔루션에 적합합니다

- 증분 정적 재생성 (ISR) - 페이지 수가 많은 경우에 빌드 타임을 절약할 수 있습니다

- 서버 사이드 렌더링 (SSR) - CSR대비 초기 로딩 스피드에 이점이 있으며 SEO에 적합합니다

결정이 어려우시면 프로젝트의 방향성을 논의하여 최적화된 솔루션을 제안해 드립니다

위의 스택과 완전히 일치하지 않더라도 제작 가능하오니 상담 주시면 응대해 드리겠습니다

_______________________

1. 스토리보드 등의 요구사항 전달

-> 레이아웃이 있어야 하며 명세가 구체적이어야 함

2. 요구사항 분석 -> 서비스에 적합한 스택 안내 -> 작업시간 안내 -> 비용안내

3. 결제 요청

4. 개발 착수 -> 작업 시작 직후 Vercel에 배포 -> 클라이언트가 진행상황 확인하여 실시간으로 피드백 -> 피드백 수용하여 작업물에 반영

7. 최종 작업물 확인 & 테스트 수행하여 문제없다고 판단되면 거래확정

웹페이지의 디자인 및 스토리보드를 준비해주시면 그에 맞춰 요구사항 분석 및 컨설팅이 진행됩니다 (피그마 또는 제플린 환영)