안녕하세요 그레이프시티입니다.

문의 주신 내용과 관련하여 아래 Next.js로 만든 Jamstack 앱에 SpreadJS 시트를 추가한 샘플을 공유 드립니다.

- 샘플 : https://cdn.mescius.co.kr/installers/delivery/SpreadJS_nextjs_demo.zip

* 참고 사항 : 만일 ReferenceError: document is not defined. 에러 메세지를 받으신다면 이는 브라우저에서만 사용할 수 있는 document 객체에 대해서 SpreadJS가 응답하기 때문입니다. Node.js에서는 document가 정의되지 않았기 때문에 해당 오류 메세지를 해결하기 위해서 아래 코드와 같이 Next.js에 구성 요소가 서버가 아닌 클라이언트에서 렌더링 하도록 지시하셔야 합니다.

const SpreadSheet = dynamic(  
() => {  
return import("../components/SpreadSheet");  
},  
{ ssr: false }  
);

Next.JS에서 클라어언트 측 구성 요소를 렌더링 하는 방법이 궁금하시다면 여기를 클릭하시기 바랍니다.

공식적으로 기본 Angular, Vue, React의 대해서 샘플을 제공 드리고 있습니다. 공유 드린 샘플을 확인하여 주시고 추후 개발 시에는 해당 샘플 및 데모 페이지에서 제공하는 React  데모룰 참고하여 주시면 감사 드리겠습니다. 

다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 

감사합니다. 

그레이프시티 드림 

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.