I'm new to NextJs and typescript. Need to change the short_name in Manifest.json file dynamically based on the userName for progressive web apps.

In NextJs we link the manifest.json file in _document.tsx file. I'm not able to dynamically change the short_name or do an API hit in _document.tsx file. Help me to solve this issue.