많은 단계를 포함하지 않는 서버 렌더링 React에 대한 옵션을 연구하는 동안 React Jordan Walke의 작성자가 Next.js와 유사한 접근 방식을 사용하는 반응 페이지(현재 는 더 이상 사용되지 않는)를 접하게 되었습니다. 폴리채우기 예제에서는 폴리필을 구현하는 데 권장되는 방법을 보여 줍니다. 다음 내보내기는 Node.js 서버없이 독립 실행 형 정적 응용 앱으로 Next.js 앱을 실행하는 방법입니다. 내보낸 앱은 동적 URL, 프리페칭, 프리로딩 및 동적 가져오기를 포함하여 Next.js의 거의 모든 기능을 지원합니다. API 경로는 Next.js를 사용하여 API를 빌드하는 간단한 솔루션을 제공합니다. ./페이지/ 폴더 안에 API/폴더를 만들어 시작합니다. ZEIT Now를 새로 접하는 경우 Next.js 앱 학습 배포 섹션에서 Next.js 앱을 배포하는 방법을 알아볼 수 있습니다. 참고: 자동 사전 렌더링에 의해 정적으로 최적화된 페이지는 경로 매개 변수가 제공되지 않고 수화됩니다(쿼리는 비어 있습니다, 즉 {}). 하이드레이션 후 Next.js는 쿼리 개체에서 경로 매개 변수를 제공하기 위해 응용 프로그램에 대한 업데이트를 트리거합니다. 응용 프로그램에서 이 동작을 허용할 수 없는 경우 getInitialProps에서 쿼리 매개 변수를 캡처하여 정적 최적화를 옵트아웃할 수 있습니다. Next.js는 @babel/사전 설정 env를 사용하여 IE11 및 모든 최신 브라우저를 즉시 지원합니다. IE11 Next.js를 지원하기 위해 글로벌 약속 폴리필을 추가합니다. 사용 중인 자체 코드 또는 외부 NPM 종속성이 대상 브라우저에서 지원되지 않는 기능이 필요한 경우 polyfills를 구현해야 합니다.
Next.js는 호스팅 플랫폼에 서로 다른 기능 시그니처가 있기 때문에 서버없는 배포를 위한 하위 수준 API를 제공합니다. 일반적으로 호환성 계층으로 Next.js 서버리스 빌드의 출력을 래핑할 수 있습니다. index.html 파일로 페이지를 내보내도록 Next.js를 구성하고 후행 슬래시가 필요합니다( 예: /about는 /about/index.html 되고 /about/를 통해 라우팅가능합니다. 이것은 Next.js 9 이전의 기본 동작이었습니다. 다음 next.config.js를 사용하여 이 동작으로 다시 전환할 수 있습니다. Go 1.0이 출시된 이후 런타임에는 맵 반복 순서가 무작위로 정렬되었습니다. 프로그래머는 구현마다 달라진 Go의 초기 버전의 안정적인 반복 순서에 의존하기 시작하여 이식성 버그로 이어졌습니다. 안정적인 반복 순서가 필요한 경우 해당 순서를 지정하는 별도의 데이터 구조를 유지 관리해야 합니다. 이 예제에서는 별도의 정렬된 키 조각을 사용하여 맵[int] 문자열을 키 순서대로 인쇄합니다. 이를 통해 JavaScript 모듈(Inc. React Components)을 동적으로 가져오고 그들과 함께 작업할 수 있습니다. 또한 Next.js는 모든 단일 웹 사이트에 중요한 두 가지 기본 제공 기능을 제공합니다.
다음 서버및 빌드 단계에서 사용되고 브라우저 빌드에 포함되지 않습니다. 참고: Next.js는 기본적으로 TypeScript의 엄격한 모드를 사용하지 않습니다. TypeScript에 익숙해지면 tsconfig.json에서 이 옵션을 켤 수 있습니다. 예를 들어 경로 /post/abc에는 {pid: `abc` }라는 쿼리 개체가 있습니다. 마찬가지로, 경로 /post/abc?foo=바에는 쿼리 개체가 있습니다: {foo: `bar`, pid: `abc` }. 이렇게 하면 코드에서 process.env.customKey를 사용할 수 있습니다. 예: 참고: 미리 정의된 경로가 동적 경로보다 우선합니다. 예를 들어 페이지/post/pid].js 및 페이지/post/create.js가 있는 경우 경로/post/create는 동적 경로([pid]) 대신 페이지/post/create.js로 일치합니다. req 는 http를 확장하는 NextApiRequest를 나타냅니다. 들어오는메시지 유용한 0 값의 또 다른 인스턴스는 슬라이스맵입니다. nil 슬라이스에 부가하면 새 슬라이스가 할당되므로 한 줄로 하여 값을 슬라이스 맵에 더하는 것입니다.
키가 있는지 확인할 필요가 없습니다.
