Please provide some guidance for newbies using Next.js to make share buttons.

I am a novice who only started learning next.js this year. I found this share button on zhihu.com, which mainly implements the following functions:

1. Get the full URL of the current page (including the domain and protocol);
2. Click the first option in the menu and copy the URL of the article to be shared;
3. Generate a QR code for scanning and sharing.

I think this share button is pretty neat and would like to try to emulate it using Next.js and Ant Design (https://ant.design), but I have absolutely no idea how to start? Could you please give me some guidance and ideas?