{`SheetJS Next.JS ${type} Demo`}

import Head from 'next/head'; import { readFile, set_fs, utils } from 'xlsx'; import { join } from 'path'; import { cwd } from 'process'; export default function Index({type, html, name}) { return (

    {`SheetJS Next.JS ${type} Demo`}
    This demo reads from /sheetjs.xlsx


    {name}

); } let cache = []; export async function getStaticProps(ctx) { if(!cache || !cache.length) { set_fs(await import("fs")); const wb = readFile(join(cwd(), "sheetjs.xlsx")); cache = wb.SheetNames.map((name) => ({ name, sheet: wb.Sheets[name] })); } const entry = cache[ctx.params.id]; return { props: { type: "getStaticPaths", name: entry.name, id: ctx.params.id.toString(), html: entry.sheet ? utils.sheet_to_html(entry.sheet) : "", }, } } export async function getStaticPaths() { set_fs(await import("fs")); const wb = readFile(join(cwd(), "sheetjs.xlsx")); cache = wb.SheetNames.map((name) => ({ name, sheet: wb.Sheets[name] })); return { paths: wb.SheetNames.map((name, idx) => ({ params: { id: idx.toString() } })), fallback: false, }; }