Writing/reading from the file system

Question

Is it best practice to read and write to the file system in a Next.js app? I have a project (Pages router) in which I have a src/data folder that I am saving json files from an  external API at build time. I can successfully save data in the specified folder but I can't seem to retrieve it in a component. Here's how I'm importing the data. Please see the error message in the attached image.import iconsJson from 'data/icons.json';THE FILE SYSTEM SCRIPTvar fs = require('fs');
const { createClient } = require('@sanity/client');

const client = createClient({
    projectId: '********',
    apiVersion: '2021-03-25',
    dataset: process.env.NEXT_PUBLIC_SANITY_DATASET,
    useCdn: false,
});

console.log('script  - Fetching Game Icons');

client
    .fetch(
        '*[_type == "gameInformation" && disabled != true ]'
    )
    .then((res) => {
        console.log('script  - Successfully Collected Game Icons');
        let data = JSON.stringify(res);
        fs.writeFileSync('data/icons.json', data);
    })
    .then(() => console.log('script  - Finished Saving Game Icons'))
    .catch((err) => {
        console.error('error  - Unable To Save Game Icons', err);
        throw err;
    });

Writing/reading from the file system

0 Replies