formidableでAzure Storage Accountへファイルをアップロード

import type { NextApiHandler, NextApiRequest, NextApiResponse } from 'next'
import { HTTP_METHOD, isHTTPMethod } from 'next/dist/server/web/http'

import { errorHandler } from '@/pages/api/errorHandler'

export type Handlers = {
  [key in HTTP_METHOD]?: NextApiHandler
}
// 各エンドポイントでこの関数をコール
export const handler = (handlers: Handlers) => {
  return async (req: NextApiRequest, res: NextApiResponse) => {
    // 共通処理部分、今のところ有効なメソッドかどうかのチェックだけ
    const { method } = req
    if (!method || !isHTTPMethod(method)) {
      return res.status(405).json({
        error: {
          message: `${req.method} method is not allowed`,
          statusCode: 405,
        },
      })
    }
    // 以降は各エンドポイントの処理
    const handler = handlers[method]

    if (!handler) {
      return res.status(405).json({
        error: {
          message: `${req.method} method is not allowed`,
          statusCode: 405,
        },
      })
    }

    try {
      await handler(req, res)
    } catch (error) {
      console.log(error)
      errorHandler(error, res)
    }
  }
}

import { NextApiResponse } from 'next'

export const errorHandler = (error: any, res: NextApiResponse) => {
  return res.status(error?.statusCode ?? 500).json({ error })
}

import { NextApiHandler, NextApiRequest, NextApiResponse } from 'next'
import { handler } from '@/pages/api/handler'

const postHandler: NextApiHandler = async (
  req: NextApiRequest,
  res: NextApiResponse
) => {
  res.status(200).send({
    message: 'Success'
  })
}
export default handler({
  POST: postHandler,
})