Blog

DogKaeBi Blog

중국/광둥 이야기, 블로그 개발 이야기, 일상 이야기

[Next.js] 마트다운 프론트매터. gray-matter

Markdown의 내용을 읽어서 출력은 하고 있지만, 제목 같은 내용이 없다. 일기의 정보를 프론트매터로 만들어서 post페이지에서 읽게 만들었다.

Prism.js를 사용해서 읽어온 Markdown의 pre code 텍스트를 highlight 했다

tailwind css의 Typography 플러그인을 사용해서 markdown의 기본 디자인을 만들어보기

문자열로 받은 markdown 파일의 글을 jsx(html형식)으로 변경하기

포스트의 글 내용에 대해 고민하고 Markdown을 fetch 불려오기를 만들어보기

동적 라우팅으로 이동한 페이지에서 데이터를 사용하고 매치하는 것에 대해서 많이 고민했다.