v3.1.7

Components

Global・Pages で読み込むコンポーネントの置き場は決められていません。慣例的には src/components にテンプレートを分割したり、切り替えるレイアウトを src/layouts に置くことが多いです。

INFO

  • Head コンポーネントが使用できます
  • 通常は静的ビルドされるため React Hooks を使用することはできません
  • Partial Hydration で読み込まれている場合は React Hooks を使用できます
  • import した CSS は bundle.css として結合し全体に適応されます
// src/components/app-header/index.tsx
import "./index.css"

export default function () {
  return <header className="app-header">HEADER</header>
}