https://github.com/xmun74/xmunt

personal blog using Next.js, TypeScript, styled-compopnents, next-mdx-remote, Vercel.
https://github.com/xmun74/xmunt

blog next-mdx-remote nextjs styled-components typescript vercel

Last synced: about 2 months ago
JSON representation

personal blog using Next.js, TypeScript, styled-compopnents, next-mdx-remote, Vercel.

• Host: GitHub
• URL: https://github.com/xmun74/xmunt
• Owner: xmun74
• Created: 2023-01-11T03:04:29.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2026-05-07T07:51:25.000Z (about 2 months ago)
• Last Synced: 2026-05-07T09:37:39.064Z (about 2 months ago)
• Topics: blog, next-mdx-remote, nextjs, styled-components, typescript, vercel
• Language: TypeScript
• Homepage: https://xmunt.vercel.app
• Size: 19.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# xmunt Blog

🔗 **Link**: [https://xmunt.vercel.app/](https://xmunt.vercel.app/)

## 🛠 stack

- Next.js

- TypeScript

- next-mdx-remote

- styled-components

- Recoil

- **[next-mdx-remote](https://github.com/hashicorp/next-mdx-remote)** `4.3.0` - MDX 렌더링

- **[gray-matter](https://github.com/jonschlinkert/gray-matter)** `4.0.3` - Frontmatter 파싱

- **[rehype-prism-plus](https://github.com/timlrx/rehype-prism-plus)** - 코드 하이라이팅

- **[remark-gfm](https://github.com/remarkjs/remark-gfm)** - GitHub Flavored Markdown

## 📝 write

1. `_posts/` 디렉토리에 새 `.md` 파일 생성

2. Frontmatter 작성:

   ```markdown

   ---

   title: '포스트 제목'

   description: '포스트 설명'

   coverImage: '/images/posts/example/cover.jpg'

   date: '2024-01-01'

   path: 'post-slug'

   category: '카테고리'

   tags:

     - '태그1'

     - '태그2'

   ---

   # 포스트 내용

   ```

3. 이미지 복사 : **Paste Image** 사용 (단축키: `Option + Command + V`)