javascript - NextJsのサーバー側コードで静的リソースにアクセスしますか?

Question

NextJS の静的レンダリング機能を使用してサイトの静的バージョンを生成するため、ページの最初のレンダリング時に、正しくレンダリングするために必要なすべてのデータが提供されるようにしたいと考えています。

/static に .md ファイルとして保存した多数のブログ投稿があり、次のようなページでそれらにアクセスしたいと考えています。

import * as fs from "fs";
...

export default class extends React.Component<IProps, any> {

  static async getInitialProps (props: IServerProps) {
    const post = (await getDb()).posts.find(p => p.id == props.query.id);
    const markdown = fs.readFileSync(`/static/posts/${post.markdownFileName}`);
    return { post, markdown }
  }
...

しかし、上記を実行しようとすると、次のエラーが発生します。

This dependency was not found: * fs

したがって、サーバー上でこれらの静的リソースにアクセスする方法がわかりません..