fs.js

//as long as we don't attempt to use this in the client side code Next will split this away from the client side render. so the client wont see this import.
import fs from 'fs'
...
export const getStaticProps = async() => {
//normally we would not be able to run the fs.readFile() method but with Next we can actually import this in here and use the same way we would in a node application.
    fs.readFileSync()

    return {props: {
        products: [id: 'p1', title: 'Product 1']
    }}
}