2 replies

Image url from s3 as next page

How can I create a proxy page component so to say to view my files from my s3 bucket inside my webapp, so I don't need to open the files using the s3 url.

So I would pass the presigned url from my backend to my component page I guess, which I already created inside

pages/file/[id].tsx

pages/file/[id].tsx

pages/file/[id].tsx

pages/file/[id].tsx

The basic setup looks like this

import { useRouter } from 'next/router';

const FilePage = () => {
  const router = useRouter();
  const { src } = router.query;

  return (
    <>
      
    </>
  );
};

export default FilePage;

import { useRouter } from 'next/router';

const FilePage = () => {
  const router = useRouter();
  const { src } = router.query;

  return (
    <>
      
    </>
  );
};

export default FilePage;

import { useRouter } from 'next/router';

const FilePage = () => {
  const router = useRouter();
  const { src } = router.query;

  return (
    <>
      
    </>
  );
};

export default FilePage;

import { useRouter } from 'next/router';

const FilePage = () => {
  const router = useRouter();
  const { src } = router.query;

  return (
    <>
      
    </>
  );
};

export default FilePage;

But now I am not sure how to proceed

Image url from s3 as next page

Similar Threads

Similar Threads

Similar Threads