Skip to content

feat: improve website header UI and add dynamic github stars#18

Merged
AryanSharma48 merged 1 commit into
mainfrom
feature/website-ui-updates
Jun 21, 2026
Merged

feat: improve website header UI and add dynamic github stars#18
AryanSharma48 merged 1 commit into
mainfrom
feature/website-ui-updates

Conversation

@AryanSharma48

Copy link
Copy Markdown
Owner

Description

This PR enhances the documentation website's header UI by adding a dynamic version pill and a live GitHub stars counter.

Specific Changes:

  • Dynamic Versioning (website/next.config.ts, website/src/app/page.tsx): Injects the smooth-api-ts version at build time using NEXT_PUBLIC_TS_PKG_VERSION so the header version pill stays up-to-date automatically.
  • GitHub Star Integration (website/src/app/page.tsx): Added a useEffect hook to fetch live stargazers from the GitHub API and display it directly on the header button.
  • Header UI Revamp: Increased padding, logo dimensions, and typography sizes across the header for a more premium look.
  • Mobile Responsiveness: Hid the version pill and "Star Us" text on mobile screens to preserve horizontal space.
  • TypeScript Config (packages/smooth-api-ts/tsconfig.json): Enabled resolveJsonModule for better internal toolchain support.

Fixes # (issue number)

Type of Change

Please check the option that applies:

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update (changes to READMEs, docs, or inline comments)

Checklist

Design & Parity

  • If this introduces a new configuration option or public API, I have implemented equivalent options/behavior in both TypeScript and Python packages. (N/A - Website only)
  • The library remains dependency-free (no new external runtime dependencies added).
  • I have updated the relevant package-specific README.md or general documentation where necessary. (N/A)

Quality & Testing

  • I started the sandbox Express server (cd sandbox && node server.js) before running the tests. (N/A - Website only)
  • TypeScript Package: I have built and run the TypeScript tests (npm run build && npm test inside packages/smooth-api-ts) and all tests passed. (N/A - Website only)
  • Python Package: I have run the Python tests (pytest tests/ inside packages/smooth-api-py) and all tests passed. (N/A - Website only)
  • I have added new tests to cover my changes. (N/A)
  • I have commented my code, particularly in hard-to-understand areas, and updated JSDoc/docstrings.

@AryanSharma48 AryanSharma48 self-assigned this Jun 21, 2026
@vercel

vercel Bot commented Jun 21, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
smooth-api Ready Ready Preview, Comment Jun 21, 2026 7:16pm

@AryanSharma48 AryanSharma48 linked an issue Jun 21, 2026 that may be closed by this pull request
@AryanSharma48
AryanSharma48 merged commit f5e7f67 into main Jun 21, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] The versioning pill in website header isnt dynamic

1 participant