logo

Riku-Mono's Portfolio v1.

기간

2025년 5월 6일 오전 12:00 GMT - present

게시일

상태

진행중

개요

이 사이트는 Riku-Mono의 포트폴리오, 블로그, 작품을 모아놓은 사이트입니다.

배경

를 기반으로 디자인과 기능을 대폭 개선하여 개인화된 사이트를 만들었습니다.

주요 기술 스택

  • Next.js 15.3.2
  • TypeScript
  • Tailwind CSS v4
  • Cloudflare Registrar
  • Vercel
  • Google Analytics
  • Figma

기타 주요 라이브러리

  • @headlessui/react
  • contentlayer2
  • i18next
  • next-i18n-router
  • shiki
  • tocbot
  • unfurl.js

주요 기능

  • 포트폴리오
  • 블로그/기사
    • 기사 목록 표시
    • 기사 상세 표시
    • 태그/카테고리별 기사 필터링
    • MDX를 이용한 컴포넌트 기사
    • 목차 생성
    • 코드 하이라이팅
    • OGP 이미지 생성
  • 작품
    • 작품 목록 표시
    • 작품 상세 표시
    • 작품 OGP 이미지 생성
  • Contentlayer2를 이용한 콘텐츠 관리
  • 다국어 지원
    • 일본어
    • 영어
    • 한국어
  • 다크 모드 지원
  • 모바일 대응
  • 데스크톱 대응
  • 사이트 내 콘텐츠 관리 화면

디자인

포트폴리오

블로그

작품

OGP 이미지

전체 OGP 이미지

링크