Riku-Mono's Portfolio v1.

概要

本サイトである、 Riku-Mono のポートフォリオ・ブログ・成果物をまとめたサイトです。

背景

GitHub - Riku-mono/mdx-ondemand-i18n-blog: 作成中のblog型枠, 日本語・英語・韓国語に対応, mdxによる埋め込み

作成中のblog型枠, 日本語・英語・韓国語に対応, mdxによる埋め込み. Contribute to Riku-mono/mdx-ondemand-i18n-blog development by creating an account on GitHub.

github.com

をベースに大幅にデザインや機能を一新し、私にパーソナライズしたものを作成しました。

主な技術スタック

• 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 画像

リンク

Riku-Mono ポートフォリオ

Riku-Monoのポートフォリオサイトです。ブログと成果物を公開しています。

www.riku-mono.me