[일:] 2023년 11월 27일

nextjs 사이드바 만들기

by

hooks 사용 할 수 있도록 설치합니다. shadcn에 있는 skeleton 사용하기 위해서 추가합니다. 레이아웃 파일을 생성 합니다. navbar가 상단에 있는 경우 콘텐츠가 보이지 않을 수 있어서 pt를 통해서 아래 보이도록 합니다. 메뉴를 표현하는 도구로 accordion과 separator를 추가합니다. /app/(platform)/(dashboard)/organization/layout.tsx 사이드바 콤포넌트를 생성합니다. /app/(platform)/(dashboard)/_components/sidebar.tsx 생성한 Sidebar를 불러오도록 layout.tsx 파일을 수정합니다. /app/(platform)/(dashboard)/organization/layout.tsx 사이드바를 마무리합니다. /app/(platform)/(dashboard)/_components/sidebar.tsx NavItem 선택하는 시점부터 네이게이션 … Read more

nextjs 외부 이미지 보이지 않는 경우

by

nextjs 에서 이미지 표시할때 Invalid src prop hostname is not configured under images in your next.config.js 오류 메시지 나오는 경우 설명 나온 것처럼 next.config.js 파일에 설정 추가해야 합니다. next.config.js 파일을 열어서 remotePatterns 부분을 추가해주세요.

clerk 조직 기능 활성화

by

clerk.com 이용해서 클라우드 서비스 이용하는 경우 조직 기능을 사용 할 수 있어요. clerk 대부분 기능을 NextAuth로 대신 할 수 있을텐데 조직은 clerk에만 있어요. 물론 다 스스로 개발하면 조직도 할 수 있겠지만 얼마나 편하고 빠르게 하 르수 있는지에 대한 것이겠죠 Organizations Settings 메뉴에서 활성화 할 수 있어요. 무료에서 3명까지 사용 할 수 있나봐요. Enable Organizations 눌러서 … Read more