Snippet from https://betterprogramming.pub/upload-files-to-next-js-with-api-routes-839ce9f28430

upload_api_final.ts

import nextConnect from 'next-connect';
import multer from 'multer';

const upload = multer({
  storage: multer.diskStorage({
    destination: './public/uploads',
    filename: (req, file, cb) => cb(null, file.originalname),
  }),
});

const apiRoute = nextConnect({
  onError(error, req, res) {
    res.status(501).json({ error: `Sorry something Happened! ${error.message}` });
  },
  onNoMatch(req, res) {
    res.status(405).json({ error: `Method '${req.method}' Not Allowed` });
  },
});

apiRoute.use(upload.array('theFiles'));

apiRoute.post((req, res) => {
  res.status(200).json({ data: 'success' });
});

export default apiRoute;

export const config = {
  api: {
    bodyParser: false, // Disallow body parsing, consume as stream
  },
};

I was searching for the for like 4 months not, I quit Nextjs and just used React for uploading Middleware,

There is a problem about caching, I cant see the uploaded file immediately in production. I have to restart the server after every upload. How can I prevent it.

As seen in screenshots, only I see the image when I npm start again