feat: added new community content page

[jderochervlk]

Adds a new page to the community section to contain links to external content.

Content meta tags can be updated by running npm run generate-resources.

Feedback on the design is welcome.

Desktop

Mobile

Tablet

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
rescript-lang.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 11, 2025 4:38pm

[cloudflare-workers-and-pages]

Deploying rescript-lang-org with    Cloudflare Pages

Latest commit:	7ec2103
Status:	✅  Deploy successful!
Preview URL:	https://f94902d5.rescript-lang.pages.dev
Branch Preview URL:	https://vlk-977-community-tab.rescript-lang.pages.dev

View logs

[fhammerschmidt]

1. Can we remove the orange outline and maybe instead highlight just the links when hovered?
2. I still feel this whole section needs its own page (in the sidebar above roadmap), not be part of community/overview, I just don't have any good naming suggestions. It should somehow be mentioned on the overview though. Or maybe just show a handful of (recent?) resources in the overview and have a dedicated page to view all of them.
3. Like the blog, on larger screens I would allow at least three elements in a row.

[jderochervlk]

1. Can we remove the orange outline and maybe instead highlight just the links when hovered?

Done!

2. I still feel this whole section needs its own page (in the sidebar above roadmap), not be part of community/overview, I just don't have any good naming suggestions. It should somehow be mentioned on the overview though. Or maybe just show a handful of (recent?) resources in the overview and have a dedicated page to view all of them.

I can make this another page.

3. Like the blog, on larger screens I would allow at least three elements in a row.

The parent container has a fixed width, so showing 3 items breaks most of the og:images

[jderochervlk]

For some reason when I add jsdom to dev dependencies the ci job fails: https://github.com/rescript-lang/rescript-lang.org/actions/runs/13789658543/job/38565930923#step:4:7

npm error npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing.

Running npm i doesn't change anything for me locally and all I ran was npm i jsdom -D and the output fails CI for some reason.
I'm on Ubuntu and I am using nvm to use Node 20, the same version as CI.

[jderochervlk]

For some reason when I add jsdom to dev dependencies the ci job fails: https://github.com/rescript-lang/rescript-lang.org/actions/runs/13789658543/job/38565930923#step:4:7

npm error npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing.

Running npm i doesn't change anything for me locally and all I ran was npm i jsdom -D and the output fails CI for some reason. I'm on Ubuntu and I am using nvm to use Node 20, the same version as CI.

I removed it for now until I can sort this out. The changes to the website will work, but running the script locally will not until the issue is resolved.

I'm not sure if that's blocking for merging this, or if it can be a follow up for later.

[fhammerschmidt]

the comment needs an update to kebap-case as well now

[jderochervlk]

Fixed.

[fhammerschmidt]

this PR makes me hungry...

Okay a final thing that also my colleague noticed: images with white background don't work very well with the border-less approach here.

Shall we just do light grey borders and call it a day? It has to be robust for all kinds of images.

[jderochervlk]

Shall we just do light grey borders and call it a day? It has to be robust for all kinds of images.

I added a gray-30 border:

40 felt too dark, and 20 felt too light.

[fhammerschmidt]

Nice. We can refine the design later, for instance when we add filters/tags.