#nextjs
Read more stories on Hashnode
Articles with this tag
데이터 페치가 오래 걸리면 컴포넌트가 늦게 렌더링되어 사용자는 UI를 볼 수 없습니다. 이 문제를 해결하기 위해 데이터를 불러오는 동안 플레이스홀더 UI를 보여주는 것을 스트리밍이라고 합니다. 페이지 전체를 스트리밍하는 방법과, 특정 컴포넌트를 스트리밍 하는 방법이...
해당 컴포넌트를 클라이언트 컴포넌트로 만들어 usePathname 훅을 사용합니다. 그리고 현재 경로와 특정 경로의 일치 여부를 판단하여 클래스를 조건부로 적용합니다. "use client" import Link from "next/link"; import {...
// app/ui/fonts.ts import { Inter, Lusitana } from "next/font/google"; export const inter = Inter({ subsets: ["latin"], display:...
![[Next.js] 여러 폰트 가져오기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/cckf4TsHAuw/upload/f790baf8da558179433c18fa0e316b1f.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
