Tengo una carpeta llamada Songs en la carpeta Public . Durante el tiempo de renderizado me gustaría renderizarlos:
const renderSongs = () => { [ array of song files ].map(song => { ... }) } aunque no creo que pueda usar fs en next.js, entonces, ¿cómo haría esto?
Nota: Puede importar módulos en el ámbito de nivel superior para usarlos en getServerSideProps. Las importaciones utilizadas en getServerSideProps no se agruparán para el lado del cliente.
Esto significa que puede escribir código del lado del servidor directamente en getServerSideProps. Esto incluye la lectura desde el sistema de archivos o una base de datos.
Fuente: https://nextjs.org/docs/basic-features/data-fetching#getstaticprops-static-generation
o
https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering
Básicamente, puede usar fs, pero solo en getStaticProps o getServerSideProps , que se ejecutarán en el momento de la compilación o en el lado del servidor.