inflearn logo
강의

Course

Instructor

Diving into Next.js: From a "Developer Who Can Use It" to a "Developer Who Understands It"

When and where is middleware executed?

middleware.ts가 proxy.ts로 변경되고 실행 시점도 바뀌었다네요

243

windowook

1 asked

1

https://nextjs.org/blog/next-16#proxyts-formerly-middlewarets

 

middleware 런타임: 엣지 런타임

proxy 런타임: node.js 런타임

 

이제 layout.tsx랑 런타임과 같아졌습니다.

next.js

Answer 2

0

Boaz

먼저 중요한 변경점 이렇게 말씀해주셔서 감사합니다

관련해서 강의도 업데이트 해보겠습니다..! 🙇‍♂

 

 

1

windowook

안녕하세요ㅎㅎ 강의랑 유튜브도 항상 잘보고 있습니다! 연말 잘 보내시길 바랍니다 감사합니다

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. windowook님.

Next.js 16 버전에서 “middleware.ts”가 “proxy.ts”로 변경되었다는 내용은, 실행 환경과 런타임의 변화에 큰 의미가 있습니다. 이전에는 Edge 런타임에서 실행되었던 middleware가 이제는 Node.js 런타임에서 실행되는 “proxy.ts”로 이동하면서, 기능 사용과 응답 시간을 다르게 다루게 됩니다.

주요 변경점:

  • 런타임 변경: 기존의 middleware.ts가 Edge 런타임을 사용했다면, proxy.ts는 Node.js 런타임을 사용하게 되어 더 다양한 Node.js 모듈 및 기능 접근이 가능합니다.
  • 호환성 개선: proxy.ts가 Node.js 런타임에 맞춰 변경됨으로써, layout.tsx와 같은 다른 Node.js 런타임을 사용하는 파일들과의 호환성이 개선되었습니다.

이러한 변화는 프로젝트를 설정하고 구성할 때 중요하게 고려해야 할 부분입니다. 여러분의 Next.js 설정 및 서버 측 처리 로직에서 이러한 런타임 변화를 반영해 주시기 바랍니다.

자세한 내용은 Next.js 블로그에서 더 많은 설명을 얻으실 수 있습니다. 해당 블로그 글에서는 각 요소의 변경점과 사용법에 대해 구체적으로 설명하고 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Next.js + Tanstack Query BFF 구조 질문

0

10

1

노션 학습 자료 권한 요청

0

15

1

part2강의 문의사항입니다.

0

18

2

현재 진행중인 강의에 마케팅 요소를 녹이는 방법

0

36

1

데브옵스에 관련된 지식

1

46

1

케이테스트 서버 운영 방법

2

42

1

template 동작 흐름에 대해서 질문 있습니다.

1

70

1

Link 컴포넌트는 그러면 웬만하면 무조건 쓰는편이 좋은가요?

0

82

2

PPR을 보고 오라고 하시는데

1

82

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

59

1

강의에 언급된 영상 질문

0

70

2

next Request Memoization과 react cache

0

80

1

next.js 서버fetch 에러 fallback ui 구현 방법

0

197

2

필터옵션이 많은 페이지에서도 서버 fetch를 사용하는게 맞을까요??

0

88

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

82

1

template.tsx 에서 서버 fetch 후 클라이언트 컴포넌트로 넘겨주면 싱크가 맞는 이유

1

89

1

layout 컴포넌트 내 클라이언트 컴포넌트

0

84

2

게시판 리스트 작성할 때 use client를 어디서부터 붙여야할지 모르겠어요

0

89

1

'왜 Next.js 가 필요할까?(기술적인 등장 배경)' 에서 언급하는 영상들이 무엇일까요?

0

149

2

Parallel Route를 사용한 모달에 대해 질문이 있어요.

0

112

2

유튜브 영상과의 차이점 문의

0

235

1

template.tsx 가 SEO 에 주는 이점에 대한 질문

0

104

2

자동화 스크립트 관련하여 질문있습니다.

0

109

2

색션1 예제 코드 질문드립니다.

0

208

1