Upgrade to Next.js@13.0.2

[hyesungoh]

🤔 해결하려는 문제가 무엇인가요?

• Next.js 13.0.0 마이그레이션

🎉 어떻게 해결했나요?

• next, eslint-config-next의 버전을 13.0.0으로 올렸어요

appDir 비활성화

현재 appDir을 활성화하면 (8c78063) emotion과 충돌이 일어나는 것 같습니다.

단적으로 next.config.js의 emotion 옵션을 비활성화하면 정상적으로 실행되는 것을 확인했어요.

아직 이르다고 생각되어 비활성화 해두었습니다.

tsconfig

실행 시 tsconfig를 업데이트 해주더라구요. fc6bcae

Strict-mode is set to false by default

라고는 하는데, strict 옵션이 false가 되진 않네요..?

dev:turbo 스크립트 설정

yarn dev:turbo

위 명령어를 이용해 dev 서버를 킬 수 있도록 설정해 두었어요.

turbopack이 아직 빌드는 지원하지 않는다고 해요.

근데 무슨 용건에선지 (아직도 모름) 웹에 접속 시 다음 에러를 뱉더라구요.

error - [resolve]
  [next]/dev/client.ts
    Error resolving commonjs request
    unable to resolve module "typescript"

    Error resolving type request
    unable to resolve module "node"

  [next]/dev/hmr-client.ts
    Error resolving commonjs request
    unable to resolve module "typescript"

    Error resolving type request
    unable to resolve module "node"
...

일단은 그냥 데브 모드로 개발을 해야할 것 같아요 ,,

📚 Attachment (Option)

turbopack이 궁금해 조금 읽어봤는데 눈에 띄는 사항을 공유 드려요

• next/dynamic이 아직 지원되지 않는다고 합니다

  https://turbo.build/pack/docs/features/frameworks#nextdynamic

• 환경 변수도 라이브 리로딩이 된다고 합니다

  https://turbo.build/pack/docs/features/environment-variables#live-reloading

• 발표에서 인상깊게 봤던 리모트 캐싱은 아직 안된다고 합니다

  https://turbo.build/pack/docs/features/environment-variables#live-reloading

closes #6

[github-actions]

Bundle Sizes

Compared against cffdd6d

Route	Size (gzipped)	Diff
/	71.46 KB	-6.29 KB
/_app	114.41 KB	-7.33 KB
/_error	71.39 KB	-6.29 KB

Dynamic import: None found.

[codecov-commenter]

Codecov Report

Base: 100.00% // Head: 100.00% // No change to project coverage 👍

Coverage data is based on head (bb58dee) compared to base (cee2353).
Patch has no changes to coverable lines.

Additional details and impacted files

@@            Coverage Diff            @@
##              main        #9   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            1         1           
  Lines           21        21           
  Branches         6         6           
=========================================
  Hits            21        21           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[kooku0]

yarn dev:turbo

turbo 가 default가 아니라 옵션으로 줘야하군요.

뭔가 turbo가 아직 완성이 되지 않았지만 컨퍼런스 일정에 맞춰 공개하기 해야하기에 unstable 버전을 내놓은것 같네요.
유저가 이슈라이징 해줘서 고쳐줘도 땡큐..

[hyesungoh]

appDir + emotion은 리액트 서버 컴포넌트 때문인 것으로 보이네요 ...!

vercel/next.js#41994

자세한 사항은 위 이슈에서 확인하실 수 있을 거 같아용

[kooku0]

빌드 파일크기가 많이 줄어들었네요 오
내부적으로 최적화같은게 된건가....

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	9e2eab1
Status:	✅  Deploy successful!
Preview URL:	https://57429d95.12-team3-web.pages.dev
Branch Preview URL:	https://issue-6.12-team3-web.pages.dev

View logs