Dan Abramov - Next.js example - purely client-side SPA (no Node.js server, 100% static bundle) 많은 사람들이 / stuf

Dan Abramov - Next.js example - purely client-side SPA (no Node.js server, 100% static bundle) 많은 사람들이 / stuff/:id와 같은 동적 라우팅을 사용하면서 Next.js를 사용하여 순전히 클라이언트 측 SPA(Node.js 서버 없음, 100% 정적 번들)를 만드는 방법을 묻고 있습니다. Next.js 문서에서 명확하게 설명되어 있지 않아서 예제를 만들었습니다. https://gist.github.com/gaearon/9d6b8eddc7f5e647a054d7b333434ef6 README에서 언급했듯이 주요 주의 사항은 Next.js가 *경로당 * HTML 페이지를 생성한다는 것입니다. 정적으로 호스팅하고 호스트가 JS로 작성되지 않은 경우 정적 호스트에 대한 재작성 규칙 목록을 생성해야합니다. 이상적으로 Next.js는 Nginx, Apache 등에 대한 자동 생성을 추가해야합니다. 그러나 이 주의 사항은 Next.js의 결함이 아니라 오히려 대부분의 SPA가 하는 방식으로 SPA 배포의 결함을 *수정*합니다. 모든 경로에는 고유한 HTML 파일이 있으므로 Next.js는 해당 페이지에서 사용되는 청크에 대한 태그만 넣습니다. 그리고 일부 콘텐츠를 미리 생성할 수 있습니다. 공통 설정에 대한 몇 가지 템플릿을 만들어야 할 것 같아요. 각 권장 프레임워크에 포팅된 동일한 작은 앱일 수도 있고, Node.js 서버용과 서버가 전혀 없는 예제를 따로 만들어서 공통 설정 방법을 보여주고 서로의 패턴을 비교할 수도 있죠. 개츠비에서 동일한 작업을 수행하는 방법은 다음과 같습니다( @bradwestfall 팁 주셔서 감사합니다!): https://gatsbyjs.com/docs/how-to/routing/client-only-routes-and-user-authentication/ 또한 동일한 경로 재작성 트릭이 필요합니다(하지만 일부 제공업체는 이 작업을 자동으로 수행합니다).