ブログ
Velite × Next.js でトップページに注目記事セクションを追加する
再利用できる3つのパターン:Velite の default(false) による安全なスキーマ拡張、MAX_TAGS によるタグ溢れ対策、空のとき自動的に消えるセクションの条件付きレンダリング。
「tailwindcss」タグが付いたコンテンツ一覧
再利用できる3つのパターン:Velite の default(false) による安全なスキーマ拡張、MAX_TAGS によるタグ溢れ対策、空のとき自動的に消えるセクションの条件付きレンダリング。
ハンバーガーメニュー、レスポンシブスペーシング、タッチターゲットを追加。最大の学びは、CSS の backdrop-filter が fixed 子要素の包含ブロックを暗黙的に作るという仕様だった。
shinyaz.com のアーキテクチャを深掘り — Contentlayer ではなく Velite を選んだ理由、i18n ライブラリなしで日英対応を実現した方法、ミニマルなモノトーンブログの設計判断を紹介する。
pre要素のデフォルトスクロールバーが太くて目立つ。scrollbar-width: thinと::-webkit-scrollbarの併用でシンプルにできる。
text-sm(14px)とtext-base(16px)の間にユーティリティクラスがない。text-[0.9375rem]のようにarbitrary valueで15pxなど任意サイズを指定できる。