Skip to content

Conversation

@Gupta-02
Copy link
Contributor

This PR implements interactive social sharing buttons for blog posts to improve content engagement and reach. Users can now easily share blog content on Twitter, LinkedIn, Facebook, and use native sharing when available.

Fixes #1127

Type of Change
New feature (e.g., new page, component, or functionality)
Bug fix (non-breaking change that fixes an issue)
UI/UX improvement (design, layout, or styling updates)
Performance optimization (e.g., code splitting, caching)
Documentation update (README, contribution guidelines, etc.)
Other (please specify):
Changes Made
SocialShare Component: Created a reusable React component with sharing buttons for Twitter, LinkedIn, Facebook, and native Web Share API
BlogPostItem Wrapper: Added a theme override to automatically display sharing buttons on individual blog posts
Responsive Styling: Implemented mobile-friendly CSS with hover effects and theme support (light/dark mode)
Smart Display Logic: Buttons only appear on actual blog posts, not on tag pages or author pages
Accessibility: Added proper ARIA labels, keyboard navigation, and screen reader support
Dependencies
No new dependencies required
Uses existing Lucide React icons
Compatible with current Docusaurus setup
Checklist
My code follows the style guidelines of this project.
I have tested my changes across major browsers and devices
My changes do not generate new console warnings or errors .
I ran npm run build and attached screenshot(s) in this PR.
This is already assigned Issue to me, not an unassigned issue.

Screenshot

image

Gupta-02 and others added 4 commits November 5, 2025 19:40
- Added Kingsumo embed script below the leaderboard section
- Script loads from https://kingsumo.com/js/embed.js
- Addresses issue recodehive#758 for giveaway page integration
- Add comprehensive blog standards document (wiki/blog-standards.md)
- Update contributing guidelines with blog writing section
- Standardize existing blog posts to match new standards:
  * Fix frontmatter consistency across all blogs
  * Remove invalid commented meta tags
  * Improve SEO descriptions and formatting
  * Ensure proper date formats and required fields

Closes recodehive#567 - Blog structure standardization
- Add SocialShare component with Twitter, LinkedIn, Facebook, and native share buttons
- Create BlogPostItem wrapper to display sharing buttons on individual blog posts
- Add responsive CSS styling for social sharing buttons
- Only show sharing buttons on actual blog posts (not tag or author pages)
- Include proper accessibility attributes and hover effects
- Support both light and dark themes

Fixes recodehive#1127
@vercel
Copy link
Contributor

vercel bot commented Nov 12, 2025

@Gupta-02 is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

  1. Get free Consultation use code recode50 to get free: Mentorship for free.

  2. Get the Ebook for free use code recode at checkout: Data Science cheatsheet for Beginners.

  3. Check out this weekly Newsletter: Sanjay's Newsletter.

If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@github-actions github-actions bot added recode this is label for leaderboard hacktoberfest-accepted level 1 10 points labels Nov 12, 2025
@github-actions github-actions bot added this to the recode:launch 3.0 milestone Nov 12, 2025
@github-actions
Copy link

✅ Synchronized metadata from Issue #1127:

  • Labels: level 1, recode, hacktoberfest-accepted
  • Milestone: recode:launch 3.0

@sanjay-kv sanjay-kv added the under review Review under the maintainers or the admins label Nov 12, 2025
@Adez017 Adez017 self-requested a review November 12, 2025 16:27
@Adez017
Copy link
Member

Adez017 commented Nov 12, 2025

@Gupta-02 , cant able to build the files locally . also noticed some dependency for sharp module . could you share a video for a better review ?

Copy link
Member

@iitzIrFan iitzIrFan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Keep the changes as per the issue and other stuffs plz.

@Gupta-02 Gupta-02 closed this Nov 17, 2025
@Gupta-02 Gupta-02 deleted the feature/social-sharing-buttons branch November 17, 2025 00:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

hacktoberfest-accepted level 1 10 points recode this is label for leaderboard under review Review under the maintainers or the admins

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Social Sharing Buttons for Blog Posts

4 participants