Skip to content

✨ Enhancement: Install and Configure ShadCN/UI for the Website #1655

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
4 tasks
Tracked by #1654
idanidan29 opened this issue May 15, 2025 · 0 comments
Open
4 tasks
Tracked by #1654

✨ Enhancement: Install and Configure ShadCN/UI for the Website #1655

idanidan29 opened this issue May 15, 2025 · 0 comments
Labels
dependencies Pull requests that update a dependency file ✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: Triage This is the initial status for an issue that requires triage.

Comments

@idanidan29
Copy link
Contributor

idanidan29 commented May 15, 2025 •
edited
Loading

Description

In order to modernize our component library and ensure a consistent, maintainable UI across the site, we need to install and configure ShadCN/UI in our Next.js codebase. This will replace many of our custom-made CSS and will be needed to be configured very carefully to not change the current CSS.

Tasks

1. Install ShadCN/UI Package

  • Add @shadcn/ui (and its peer dependencies) to package.json
  • Verify that the package versions are compatible with our Next.js and Tailwind versions.

2. Configure Tailwind for ShadCN/UI

  • Update tailwind.config.js:
  • Update globals.css (it will automatically change):

Are you working on this?

Yes
@idanidan29 idanidan29 added ✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: Triage This is the initial status for an issue that requires triage. labels May 15, 2025
@github-actions github-actions bot added the dependencies Pull requests that update a dependency file label May 15, 2025
@idanidan29 idanidan29 mentioned this issue May 15, 2025
Open
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
dependencies Pull requests that update a dependency file ✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: Triage This is the initial status for an issue that requires triage.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@idanidan29