asyncapi / asyncapi/website

[FEATURE] <Social Sharing Buttons on Blogs>

Open
#3,649 23 comments 0 reactions 0 assignees View on GitHub
area/typescript enhancement good first issue
Dominant language
TypeScript
Stars
716
Forks
1.2k
Avg merge
1d 12h
Merged PRs (30d)
35

Description

### 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](https://github.com/asyncapi/.github/blob/master/CONTRIBUTING.md)

### Are you willing to work on this issue?

Yes I am willing to submit a PR!

Contributor guide

Open the contributing guide

Research direction

No files, tests, or entry points are named. Start by locating the blog post template and existing button or link styling, then determine how post titles and URLs are exposed there. Done means each blog post has lightweight Twitter and LinkedIn sharing buttons with pre-filled title and URL links, and the layout remains non-intrusive.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, tailwindcss, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.