Here is code snippets for reference:

import { getSignedUrl } from '@aws-sdk/cloudfront-signer';
export default function handler(req, res) {
  const { imageName } = req.body;

  if (req.method !== 'POST') return res.status(405);

  if (!imageName && !imageUrl)
    return res.status(400).json({ message: 'Invalid payload. Required image url and name' });

  const params = {
    keyPairId: process.env.CLOUDFRONT_KEY_PAIR_ID,
    privateKey: privateKey,
    url: 'https://example.cloudfront.net/' + imageName,
    dateLessThan: new Date(Date.now() + 1000 * 60 * 60 * 24),
  };

  const signedUrl = getSignedUrl(params);

  res.status(200).json({ message: 'Success', signedUrl });
}

looking good. Where does privateKey comes from?

I didn't setup the cloudfront but I send my boss a youtube for reference https://youtu.be/EIYrhbBk7do?feature=shared&t=240

the video uses openssl

yea, some time ago this video also helped me to set things up xD

privateKey: privateKey,

I mean this one. Where do you define this one?

const privateKey = process.env.CLOUDFRONT_PRIVATE_KEY;

I added it on the env file

ah ok... I also got this error when I done this via cloudfront. For me the solution was to let the value of the private key like it is. In my case some line breaks are removed and because of that it couldnt be verified. Maybe that's the same in your case while getting this of your enviorment variables

I'm sorry I don't quite understand 😅

your private key looks like this

and in my case all the orange points were on one line. So my line breaks are gone and the key don't work

ohh so I need to replace that line breaks right?

the key needs to be like you generated it. So: with line breaks

I tried adding double quotes and no double qoutes yet still got the same error

am also verifyng if the key id is correct

just to try if this is the problem: please try to put it hardcode inside your code and let's see if that works ^^

still not work hardcoded T___T

hahaha nice xD

than don't have any idea 💀

hahahahaha

i want to be a butterfly right now 😭

a butterfly?

yeah so I don't have to code all my life and just fly fly flyy hahahaha

don't you like coding? like with all the difficulty it brings?

I like it sometimes HAHAHAHAH

haha, what do you think about bunnycdn?

what's that? is that something to do with bun?

update the cloudfront_key_pair_id but still got the same error

T___T

i just wanna cry

it's like cloudfront but just an own provider for that. I am currently using that ^^

it works now

T___T

but it's hardcoded hahahaha

then it was due to the line breaks?

so the \n should be after BEGIN and before the END only

yeahh

ohhhhh nice. So you get the signed url now?

yeahhh!!

cool, please mark solution
https://nextjs-forum.com/post/1184521998337056789#message-1184525013114699886

but I still want to be butterfly HAHAHAHA

anywayy

thankyouuusomuchh again!!!

haha nice thx for marking the right one

no probleem and that's cool emoji hahahahah

@Black Caiman how did you fix this? I dont get what you did differenty ?

like remove any other \n outside of the one after --BEGIN PRIVATE KEY--- \n and then before ---END PRIVATE KEY---

Here's an update, it didn't work on deployment but locally works fine.

ahh yeah mine works locally but on vercel deployment I am getting the same error - ERR_OSSL_UNSUPORTED

hope this helps @Whip-poor-will

i'll give this a try

so this helped you with prod environement ?

I found this actually in stackoverflow but I forgot the link hahaha

yepp

const convertPrivateKey = Buffer.from(process.env.CLOUDFRONT_PRIVATE_KEY, 'base64')

This may sound dumb but how do you copy this value?

just console.log it then copy

this worked !