[FEATURE] <Social Sharing Buttons on Blogs>

[cbum-dev]

Why do we need this improvement?

Currently, the website lacks a mechanism for users to easily share blog posts on social media platforms. This limits the reach and visibility of the content, making it harder for readers to promote the blogs organically to a broader audience.

How will this change help?

This change will ease the sharing of blog amongst social platforms.

Screenshots

No response

How could it be implemented/designed?

Add social sharing buttons to each blog post. These buttons should allow users to share the post on popular platforms such as:

Twitter
LinkedIn

Each button should generate a pre-filled sharing link, including the blog post title, URL, and possibly hashtags. For example:

Twitter: https://twitter.com/intent/tweet?text=Check+out+this+blog!&url=https://www.asyncapi.com/blog/2024-annual-summary#social-media

The buttons should be visually appealing, lightweight, and non-intrusive. They can be displayed at the top or bottom of each blog post.

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

• [x] I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• [x] I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[github-actions[bot]]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[AST0008]

can i work on this? @cbum-dev

[anshgoyalevil]

@cbum-dev That's nice feature to have. Feel free to create a PR

[ayushk-1801]

@anshgoyalevil I would like to work on this issue, Pls assign me

[cbum-dev]

Hi @anshgoyalevil and @akshatnema should I still raise a PR here? Since someone already raised a PR , I have a different perspective towards this.

[Devnil434]

Hi @anshgoyalevil can I start working in this issue as I've thought some idea to solve this issue

[Hovering-Ace]

@cbum-dev @anshgoyalevil Is this issue is still open, If open can I submit PR on this .

[subh05sus]

@cbum-dev @anshgoyalevil Is this issue is still open? I can work on this, please assign me

[KARUNANS2004]

@anshgoyalevil @cbum-dev I want to work on this issue, is it still open?

[blazethunderstorm]

@cbum-dev is this issue open to work on ?

[cbum-dev]

@cbum-dev is this issue open to work on ?

yes

[Devnil434]

hi @cbum-dev can i work on this issue

[sambhavgupta0705]

@thulieblack @Mayaleeeee do we need this feature?

[thulieblack]

Well sounds like a nice addition to have maybe for the main socials we have

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity :sleeping:

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience :heart:

[raajpatre]

@cbum-dev I'm a GSOC contributor and would love to work on this issue. Can you please assign it to me?

[SinghSwayam]

Hi there! I would like to work on this. I have already set up the project locally and implemented the social sharing buttons. I am ready to raise a PR. Could you please assign this to me.

[Ayush4958]

@cbum-dev Hi , can I start working on this issue ?? I had already set up the project locally

[Krishna-721]

Hey @cbum-dev I would like to work on this feature. I have forked and cloned the repo locally and reviewed the blog rendering structure inside components/layouts/BlogLayout.tsx.

I noticed that the <article> section includes:

• metadata (title, description),
• custom HtmlHead scripts/styles,
• the blog header image.

Before I start implementing, I want to confirm a few details:

1. Placement
   Where would you prefer the share buttons to appear?
   • Right below the blog header image
   • At the bottom of the blog post
   • Or both?

My suggestion: Adding them at the bottom looks cleaner and avoids disrupting the layout.

2. UI Style Should the share buttons be icon-based (Twitter/LinkedIn SVGs) or styled text buttons?
   My suggestion: Icon buttons with a small label like “Share on:” followed by the icons would look modern and lightweight.

3. Implementation Plan
   I plan to create a <ShareButtons /> component and insert it into BlogLayout.tsx so that all blog posts include the share options automatically.

Please confirm the placement and UI preference, and I will proceed with the implementation.

Thanks!

[NihalShinde4933]

Hey @cbum-dev , @thulieblack 👋 I’d like to work on this issue.

[karthikajay04]

Hi 👋 I’m new to the AsyncAPI community and would like to work on this issue as my first contribution. Please let me know if I can take this up. Thanks!