hyejj19 / eva-devlog

personal blog

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

eva-devlog's Issues

노션 블럭 -> html 코드 변환하는 방법 찾아서 적용하기

Description

요청해서 가져온 block 데이터를 html 로 변환해야함.
옵션은...

1. deprecated 된 라이브러리를 사용하지만, block parser 를 그대로 쓰고 커스터마이징.
2. block 의 종류에 따라 적절한 html 을 반환하는 모듈 만들기.

모듈을 만드는 것 또한 공부가 될 것 같아서 도전하면 좋을 듯 하다.

Todo

• 기존 parser 코드 분석
• 분석된 내용 바탕으로 구현

ETC

• 주의 사항 혹은 기타 내용

블로그 글 가져오기, 데이터 연동

TODO

• 블로그 글 목록 가져오는 코드 작성
• 상세 페이지 가져오는 코드 작성
• #15
• 캐시, revalidation 셋팅
• 메인페이지 블로그 최근글 5개만 가져오도록 코드 수정
• #16
• 페이지 로딩되는동안 로딩 컴포넌트 띄워주도록 하자!

list item 클릭시 content 페이지로 이동하여 내용 볼 수 있게 수정하기

paths 설정 수정해서 custom 경로 적용하기

프로필 이미지

태그 리스트 연동

퍼블리싱

Todo

• #3
• #4
• 블로그 홈페이지 퍼블리싱
• 블로그 글 목록 퍼블리싱
• 글 상세 페이지 퍼블리싱
• 다크모드 메뉴 및 클래스 추가

노션 DB API 세팅

TODO

• #8
• 페이지네이션

[Issue] Notion API 걷어내고 MD 로 변경

Description

노션 API DTO의 복잡성과 의존성으로 인해 이를 걷어내고 MD 방식으로 변경하고자 함.

Checklist

• MD 파일을 어디에서 관리할지 결정
• MD 파일 등록하고 각 페이지를 SSG 방식으로 렌더링 하도록 로직 수정
• MD 파일 변환 위한 라이브러리 markdown-to-jsx 의존성 추가
• tailwind 로 스타일링이 가능한지 여부 확인 후 의사결정 (tailwind 걷어내고 styled-components 로 돌아갈지..?)
  => 그냥 css 모듈을 써서 부분적으로 덮어씌우기로 함
• 노션 API 관련 로직 걷어내기

[Issue] 목차 연동

Description

블로그 포스트 본문에서 목차 클릭해서 이동하는 기능 구현하기

Checklist

• TOC 페이지 고정
• h1, h2 등을 해시로 이동하도록 구현

공통 컴포넌트 퍼블리싱

컴포넌트 분리하기