Next.JS + React.JS 풀스택 웹 개발

Next.JS + React 를 활용한 풀스택 웹사이트 개발

• 완전히 기능하는 프론트엔드와 백엔드를 아우르는 풀스택 웹사이트를 개발하여 드립니다.

• 제시된 가격은 예시 가격이며 견적 상담 환영입니다.

_ Nex.JS가 13버전 이후에 급격히 변화된 걸 알고 계시나요? (최신 Next.JS 14 버전 활용)

• 아직 Next.JS 최신 기능을 활용하여 개발하는 곳은 많지 않습니다.

• 최신 버전을 활용하면 웹사이트의 성능을 극대화 할 수 있습니다.

• 최신 버전 Next.JS적용(App router, Server Action 활용)하여 개발하여 드립니다.

• SSR, SSG, CSR 를 적재 적소에 활용하여 홈페이지 성능을 최적화 해 드립니다.

• React 개발에 취약점인 SEO를 Next.JS SEO기능을 통하여 적용해 드립니다.

_주 개발 언어

• TypeScript(JavaScript)

_상태관리 라이브러리

• Jotai

• TanStack Query

_ CSS

• Tailwind CSS 사용 (공개된 Library + 상용 Component package 사용)

• 요청시 다른 CSS library 적용 가능

_Headless CMS

• Directus

[ 호스팅 ]

•Vercel 에 배포 가능 (자동 CI/CD 활용)

•Backend server hosting: Vultr (Amazon AWS 가능)

※ 도메인 구입비용과 웹서버를 운영하는 호스팅 비용은 개발 비용에 포함되어 있지 않으며, 개발 착수 전 상세히 안내해 드립니다.

[작업일정 공유]

• 고객사에서 활용하시는 업무 툴을 최대한 사용하여 작업 진행 상황을 수시 공유해드립니다.(카카오톡, Notion 등)

1. 상담

- 의뢰인: 화면정의서(화면설계, 스토리보드), 요구사항, 작업범위 전달

- 전문가: 요구사항 분석, 작업시간, 비용 안내

2. 결재

- 의뢰인: 크몽 서비스를 통해 결재

3. 개발

- 전문가: 개발 및 제품 테스트

4. 검수

- 의뢰인: 1차 산출물 검수, 상담시 합의된 내용에 한해 수정 및 오류 요청

- 전문가: 오류 발생시 수정

5. 확정

- 의뢰인: 거래 확정

- 전문가: 최종산출물 전달

- 의로인 준비사항은 상담시에 조정가능합니다. 아직 완전히 준비되지 않으셨더라도 상담을 통해 준비하실 수 있습니다.

- 기획서

- 요구사항 정의서: 필요한 기능을 설명

- 화면정의서: 화면설계, 스토리보드

- 디자인 관련 파일

- 디자인 시안 파일: Figma, Zeplin 등

- 사용될 이미지 파일 모음

- 기획서가 구체적이고 명확하고, 디자인 시안 파일이 정확하고, 이미지 파일이 다양할 수록 작업이 빨리 진행되며 견적 금액도 절약하실 수 있습니다.

- 참고할만한 대상 사이트가 있을 경우 주소를 제공해 주시면 반영해 드립니다.