BuidlGuidl/batch14.buidlguidl.com

d) Update metadata for improved social sharing and branding

Open

#6 opened on Mar 10, 2025

View on GitHubContributor guide
 (2 comments) (0 reactions) (1 assignee)TypeScript (7 forks)github user discovery
frontendgood first issue

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Goal

Currently, our metadata is the default from Scaffold-ETH 2. We want to customize it to better represent our batch by adding a proper title, description, and an eye-catching thumbnail. This will ensure that when we share our webpage on social media like Telegram or X, it displays our unique preview picture, title, and text. Additionally, the updated title will appear in the browser tab.

Instructions

  1. Head to layout.tsx and update the title and description
  2. Design a visually appealing thumbnail image (aligned with the logo from issue https://github.com/BuidlGuidl/batch14.buidlguidl.com/issues/7) and replace the existing thumbnail.jpeg in the Next.js public folder
  3. Preview Your Metadata: Use a tool like the Open Graph Previewer Chrome Extension to test how your metadata will appear when shared. This helps ensure that your changes look like you want before deployment.

Contributor guide

Research direction
Navigate to layout.tsx and update the title and description fields. Design a thumbnail image using the logo from issue #7 and replace public/thumbnail.jpeg. Use the Open Graph Previewer Chrome extension to test how the metadata appears when shared.
Tech stack
typescriptnextjs
Domain
web dev
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitNext.js
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85