Chakra UI TypeScript Repository
Chakra UI&TypeScriptのレポジトリ見るメモ
目的
利用方法で参考になる所見つける
パターンの把握
前提
技術: Chakra UI、TypeScript
ライセンス: MIT
ghoshnirmalya/nirmalyaghosh.com: A personal portfolio built using Next.js, Chakra UI, SEO, MDX, and TypeScript
目的: personal portfolio
技術: Chakra UI、TypeScript、Next.js、Emotion、pnpm
component: ブログ風の文章リスト、Card型リスト、Navigation
その他感想
Front MatterというCMS Content Management System使ってるんだ!
changelogちゃんと書いてるの良い
Google Analytics 4 導入しているので参考にするかも
contentlayerで、流すデータのtypes 型定義、generateして、流すのね
構成
pages/
components/
pages/
その他components各種/
hauptrolle/chakra-templates: A growing collection of responsive Chakra UI Templates ready to drop into your React project.
目的: Chakra UI component collection
技術: Chakra UI、Next.js、TypeScript
その他感想
Chakra UI使ったいろんなパターン見れるので、参考になる
定数 constantは、constants.tsで管理してるのね
複数人がcontributionするので、そっちの方が良いね
Utility ユーテリティ codeが関数型プログラミング Functional programmingで見やすい
theme Chakra UI
theme/index.tsxに書いてる
その他
みんなhusky使ってるのね~