NextJS

pnpm dlx create-next-app@latest

lern nextjs

Learn Next.js | Next.js

chapter1

npx create-next-app@latest nextjs-dashboard --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"

chapter2

app/ui/global.css 全てのルートに適用されるCSS トップレベルでインポートしておくのがよい。app/layout.ts

Tailwind

CSSModules

どちらも使えるし、併用することもできる

clsx cssのclass nameを簡単に切り替えることができるライブラリ

chapter3

layout shiftは避けるべき

next/image コンポーネントで画像最適化を実現できる