노션, 마크다운 CMS 풀스택 웹사이트 개발

노션 마크다운 CMS로 통합 연결된 홈페이지, 웹사이트, 웹앱을 개발해 드립니다.

그래비웨이브는 노션 CMS를 통합 제공합니다. 노션 DB와 연결, 노션 페이지를 웹사이트의 페이지로 변환 통합 시스템을 제공해 드리며 차별화된 고퀄리티의 맞춤형 웹사이트를 제작 제공합니다.

최신 소프트웨어 기술인 Astro, React, TailwindCSS, NodeJS등을 활용하여 정적웹사이트뿐아니라 풀스택 동적웹으로도 제공하고 있습니다.

<노션 CMS 풀스택 웹앱>

현재 데모는 블로그용으로 개발되어 있으며, 노션 DB와 연결하여 동적으로 페이지를 읽어 변환하여 웹사이트의 페이지로 보여줍니다. 노션에서 평소 업무를 보던 컨텐츠를 그대로 홈페이지로 옮겨 서비스 할 수 있게 됩니다.

<마크다운 CMS 풀스택 웹앱>

마찬가지로 현재 데모는 블로그용으로 개발되어 있으며, 마크다운으로 개발된 컨텐츠를 동적으로 전송하여 웹사이트의 페이지로 변환하여 보여줍니다.

<Standard>

[기본]

1. SEO 최적화

2. 페이지 애니매이션 추가 가능

3. 팝업 1, 배너 1 추가 가능

4. Contact Email 폼 섹션/페이지: Google Drive 연결 가능

5. Day/Night Theme 포함

6. Page RSS feed

7. 이용약관 및 개인정보처리방침 포함 (내용 전달 필요)

8. 페이지 전환 애니메이션 Smooth View Transition

9. SSR(server side rendering)기술로 보안 걱정 무

10. markdown file (md, mdx) 연동 가능

[마크다운]

11. md파일로 글과 그림(링크)하여 페이지를 만든 후 DB에 추가하면 끝

- 동적으로 파일을 읽어 웹사이트의 프레임에 맞추어 페이지를 보여줌

- 오픈소스기반에 자체 개발한 솔루션으로 쉽고 빠르게 md 파일을 이용해 웹사이트의 페이지를 동적으로 업데이트 해줍니다. md 파일작성은 쉽고 AI로 대체도 가능!

[로깅서버]

12. 자체 로깅 서버로 유저 및 어드민 관리

- 고객 로그인이나 어드민 로그인 가능

- Email/SM/Passwordless Login 가능

- 오픈소스기반에 자체 개발한 솔루션으로 사용시 추가 외부 로깅서비스가 필요치 않아 비용 절감

- 스케일링을 고려, 외부 서비스업체의 로깅서버나 외부 DB로 교체 연동 가능

[노션 CMS]

13. 노션 DB와 연결, 노션 페이지를 동적으로 읽어 웹페이지로 변환

- 고객님이 만든 노션 DB에 연결 페이지를 불러와 보여질 데이터들을 커스터마이징

- 사용하시는 템플릿을 가지고 커스터마이징 (웹페이지로 변환하기 위해 데이터 추출, 웹페이지의 각 섹션과 컴포넌트에 연결)

그외에 필요한 기능이 많이 제작되어 있고 제작 중인것도 있습니다.

부담갖지 마시고 언제든 문의 바람니다.

- 작업완료 후 3개월간 글/그림 수정 빌드 무료

- 도매인/호스팅 작업을 모르시면 대행해드림

<도메인 및 호스팅>

- 도메인 구입과 호스팅 방법을 모르시면 안내해드리거나 대행해 드립니다 (단 순수비용은 고객님 부담, 일년에 몇 만원 정도 됩니다.)

- 풀스택 웹앱은 일반호스팅이 아니고 vps나 cloud에 올려야 하므로 이를 숙지 하여야 하고, 초기 세팅은 도와드립니다.

- 다만 유지 보수는 또한 전문영역이기때문에 추가로 비용이 발생할 수 있습니다.

* 소스코드는 그래비웨이브 자체 제작으로 기본적으로 제공되지 않습니다. 단 클라이언트 html은 참고용으로 제공해 드릴 수도 있습니다. 미리 유념해주세요.

저는 모바일폰 임베디드 SW로 시작해서 IT SW까지 두루 경험을 가진 20년 이상의 풀스택 개발자입니다.

제작된 SW의 저작권은 만든 당사에 귀속되오니 2차 저작물을 작성하거나 재판매나 유통등 상업적 이용시 법적 제제를 받을 수 있습니다. 또한 제작된 소프트웨어로 만들어진 지적소유권물은 사용자가 해당사이트의 저작권을 확인 하여 합당한 조치를 취해야 합니다.

1. 상담문의

- 간단한 설명 아이디어나 그림/문서 등으로 서비스 가능 여부 확인

2. 견적산출

- 당사의 개발기간/비용 견적 합의

3. 결제

- 크몽에 결제

4. 자료 송부

- 홈페이지 제작에 필요한 자료, 기획안

- 로고, 회사 소개 자료, 이미지, 사진 등

5. 개발 착수 및 초안 제작

- 초안 제작 후 고객과 소통, 컨펌

6. 검수 및 수정

- 개발 완료 후 기능 테스트 및 검수 요청

- 수정 후 최종 컨펌

7. 등록배포

- 프로젝트 완료 및 전달

8. 구매 확정 및 리뷰

- 서비스에 만족하셨다면 구매 확정 및 소중한 리뷰 감사하겠습니다.

0. 기획서? 없으면 아래 자료

1. 회사 소개 자료

2. 회사 로고 파일 (png)

3. 원하는 Nav Bar에 Page 메뉴 구성

4. 사진, 이미지 파일

5. 레퍼런스 홈페이지

6.SM 연동 계정 자료: 카카오, 구글 등...

7. 노션 템플릿, 노션 연결 계정 등

8. 시스템 구성에 대한 설명을 들으시고 선택

9. 그외에 서비스에 대한 상담

최종: 도메인, VPS/Cloud 호스팅