[Nomad] Next beginner 졸작: New York Times Bestseller

[DaehunGwak]

• demo: https://challenge-newyork-times-bestseller.vercel.app/

font 적용하는 법

• font 적용: https://nextjs.org/docs/app/building-your-application/optimizing/fonts

fsd

• https://emewjin.github.io/feature-sliced-design/
• https://feature-sliced.design/docs/get-started/overview

npm run build error

• pages router 때문에 conflict 나는 것임, pages 계층을 다른 이름으로 수정할 필요 있음
  • pages > page 로 수정

border-radius

• https://coderap.tistory.com/164

align-items 기본은 stretch

모두 height 가 똑같이 나온다... 여백이 못생김 flex-start 로 수정 필요! (쟈니스님 감사합니다)

포기는 개뿔, metadata 적용 안되어 있음

static meta 는 강의에서 알려준대로 하면 되겠는데, dynamic meta 는 어떻게 하지?

https://nextjs.org/docs/app/api-reference/functions/generate-metadata

에러 로그 확인 on vercel

음?

캐시 오기전에 읽으려고 시도하는듯, 캐시 끄자

연관 이슈: https://github.com/vercel/next.js/issues/55524

[BBAKJunhyeong]

FSD와 파일시스템라우팅을 가져가는 Next.js 궁합이 참 안맞죠...? ㅋㅋㅋㅋ 프레임워크의 강제성때문에 짜증나는게 한두가지가 아닌데요!

아래의 예시로 우회가 가능합니다.

Pages Router 기준

project
|__ pages // NextJS pages folder
|__ src
      |__ app
      |__ (processes)
      |__ pages  // FSD pages folder
      |__ widgets
      |__ features
      |__ entitites
      |__ shared

App Router 기준

project
|__ app // NextJS app folder
|__ src
      |__ app // FSD app folder
      |__ (processes)
      |__ pages
      |__ widgets
      |__ features
      |__ entitites
      |__ shared