[UXIT-3897] Add i18n to provide-storage, build-on-filecoin, community-hub, and blog by CharlyMartin · Pull Request #2182 · FilecoinFoundationWeb/filecoin-foundation

CharlyMartin · 2026-02-20T11:53:33Z

📝 Description

Add internationalization support to four pages: provide-storage, build-on-filecoin, community-hub, and blog. All static strings are now translation-key driven via next-intl.

🛠️ Key Changes

provide-storage: Extract static strings to en.json/zh-cn.json, use getTranslations in server page
build-on-filecoin: Same pattern — data files now receive t() and return translated content
community-hub: Same pattern for ecosystem groups, get-involved options, and network upgrades
blog: Translate category filter labels, listbox options, page header, blog card tags, and post detail badges via useTranslations/getTranslations
Remove unused filecoinTools.ts data file
Widen Categories and BlogCard prop types to Array<string> to accept translated strings

vercel · 2026-02-20T11:53:38Z

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

Project	Deployment	Actions	Updated (UTC)
filecoin-site	Ready	Preview, Comment	Feb 23, 2026 2:29pm

3 Skipped Deployments

Project	Deployment	Updated (UTC)
ffdweb-site	Skipped	Feb 23, 2026 2:29pm
filecoin-foundation-site	Skipped	Feb 23, 2026 2:29pm
filecoin-foundation-uxit	Skipped	Feb 23, 2026 2:29pm

notion-workspace · 2026-02-20T11:53:38Z

[filecoin.io V3] Add all translation keys in the JSON files

Copilot

Pull request overview

This pull request adds comprehensive internationalization (i18n) support to four key pages: provide-storage, build-on-filecoin, community-hub, and blog. The implementation follows next-intl patterns, converting static data files to factory functions that accept translation functions and return localized content.

Changes:

Added i18n to provide-storage, build-on-filecoin, community-hub, and blog pages using next-intl
Refactored data files from static exports to functions accepting TranslationFunction parameter
Enhanced SearchInput component with customizable placeholder prop for i18n
Widened Categories and BlogCard prop types to accept translated string arrays
Removed unused filecoinTools.ts data file

Reviewed changes

Copilot reviewed 31 out of 31 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/ui-filecoin/src/components/SearchInput.tsx	Added optional placeholder prop for i18n support
packages/ui-filecoin/src/components/Search/Search.tsx	Added placeholder prop passthrough to SearchInput
apps/filecoin-site/src/i18n/translations/en.json	Added English translations for all four pages
apps/filecoin-site/src/i18n/translations/zh-cn.json	Added Chinese translations for all four pages
apps/filecoin-site/src/app/[locale]/provide-storage/page.tsx	Integrated translations using getTranslations
apps/filecoin-site/src/app/[locale]/provide-storage/data/gettingStartedWithPDP.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/provide-storage/data/scalingOperations.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/community-hub/page.tsx	Integrated translations using getTranslations
apps/filecoin-site/src/app/[locale]/community-hub/data/ecosystemGroups.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/community-hub/data/getInvolvedWithCommunity.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/community-hub/data/getInvolvedOptions.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/community-hub/data/networkUpgrades.ts	Converted to factory function with label/labelKey pattern for badge variants
apps/filecoin-site/src/app/[locale]/build-on-filecoin/page.tsx	Integrated translations using getTranslations
apps/filecoin-site/src/app/[locale]/build-on-filecoin/components/HeroSection.tsx	Added translation function prop
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/builtOnFilecoin.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/codeNcorgiSeries.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/developerResources.ts	Converted to factory function accepting translation function
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/filecoinFeatures.ts	Converted to factory function, removed unused description fields
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/filecoinTools.ts	Removed unused file
apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/tutorialsAndGuides.ts	Converted to factory function with difficultyLabel field
apps/filecoin-site/src/app/[locale]/build-on-filecoin/utils/generateStructuredData.ts	Updated to accept features parameter instead of importing directly
apps/filecoin-site/src/app/[locale]/blog/page.tsx	Integrated translations for featured post badge and CTA
apps/filecoin-site/src/app/[locale]/blog/data/blogCategories.ts	Removed name field, kept only id for translation lookup
apps/filecoin-site/src/app/[locale]/blog/components/CategoryFilter.tsx	Added useTranslations for category names and aria labels
apps/filecoin-site/src/app/[locale]/blog/components/CategoryListbox.tsx	Added useTranslations for category display names
apps/filecoin-site/src/app/[locale]/blog/components/Categories.tsx	Widened type to accept string arrays
apps/filecoin-site/src/app/[locale]/blog/components/BlogCard.tsx	Changed tags prop type to Array
apps/filecoin-site/src/app/[locale]/blog/components/BlogPageHeader.tsx	Added badgeText and ctaText props
apps/filecoin-site/src/app/[locale]/blog/components/BlogPostList.tsx	Added translation for search placeholder and category tags
apps/filecoin-site/src/app/[locale]/blog/[slug]/page.tsx	Added translation mapping for categories
apps/filecoin-site/src/app/[locale]/blog/[slug]/components/BlogPostHeader.tsx	Changed categories prop type to Array

Comments suppressed due to low confidence (1)

apps/filecoin-site/src/i18n/translations/en.json:511

Spelling error: "Pawsibilitiess" should be "Pawsibilities" (only one 's' at the end).

      "title": "Code n' Corgi: Discovering AI Pawsibilitiess",

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

barbaraperic

Massive effort @CharlyMartin !!

Left a few comments...

Two other things:

I guess we should also run changelog since we've changes Search in ui-filecoin?
Also I was wondering if we need to translate the Pagination (Prev, Next) - not sure if it's too much of a trouble.

barbaraperic · 2026-02-23T15:53:44Z

apps/filecoin-site/src/app/[locale]/blog/[slug]/page.tsx

  const { image, categories, author, publishedOn, title, content } = data

+  const t = await getTranslations(PATHS.BLOG.path)
+  const translatedCategories = categories.map((cat) => t(`categories.${cat}`))


What do you think we put category instead of cat?

barbaraperic · 2026-02-23T16:58:38Z

apps/filecoin-site/src/app/[locale]/build-on-filecoin/components/HeroSection.tsx

+type HeroSectionProps = {
+  t: TranslationFunction
+}


Wondering why you decided to pass t as a prop and not use getTranslations here directly? Is it to have the translation centralised in /build-on-filecoin/page.tsx?

barbaraperic · 2026-02-23T17:02:45Z

apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/developerResources.ts

+    {
+      title: t('developerResources.testFILFaucet.title'),
+      description: t('developerResources.testFILFaucet.description'),
+      href: 'https://faucet.calibnet.chainsafe-fil.io/',


Not sure if it's related to this PR, but should this link be in FILECOIN_DOCS_URLS?

barbaraperic · 2026-02-23T17:12:11Z

apps/filecoin-site/src/app/[locale]/build-on-filecoin/data/filecoinFeatures.ts

+    },
+    {
+      title: t('filecoinFeatures.crossChainBridges.title'),
+      icon: IntersectThreeIcon,


I don't think we need the icon? 👀

In apps/filecoin-site/src/app/[locale]/build-on-filecoin/utils/generateStructuredData.ts

about: features.map((feature) => ({ '@type': 'Thing', name: feature.title, })),

barbaraperic · 2026-02-23T17:18:32Z

apps/filecoin-site/src/app/[locale]/community-hub/data/networkUpgrades.ts

+      },
+      image: {
+        src: nv27GoldenWeekImage,
+        alt: 'Filecoin Network Upgrade announcement for nv27 Golden Week, with gold-texture background artwork.',


Should alt be translated as well?

barbaraperic · 2026-02-23T17:26:15Z

apps/filecoin-site/src/app/[locale]/blog/components/CategoryFilter.tsx

 import { useCategoryState } from '../hooks/useCategoryState'

 export function CategoryFilter() {
+  const t = useTranslations('/blog')


Should we use const t = useTranslations(PATHS.BLOG.path)?

i18n on provide-storage

348be3d

github-actions bot added the size/L label Feb 20, 2026

vercel bot deployed to Preview – filecoin-site February 20, 2026 11:57 View deployment

i18n on build-on-filecoin

440091f

vercel bot temporarily deployed to Preview – ffdweb-site February 20, 2026 15:36 Inactive

vercel bot temporarily deployed to Preview – filecoin-foundation-site February 20, 2026 15:36 Inactive

vercel bot temporarily deployed to Preview – filecoin-foundation-uxit February 20, 2026 15:36 Inactive

github-actions bot added size/L and removed size/L labels Feb 20, 2026

vercel bot deployed to Preview – filecoin-site February 20, 2026 15:39 View deployment

CharlyMartin added 2 commits February 20, 2026 15:55

i18n to community-hub

adccd16

Add i18n to blog

fb4ad96

vercel bot temporarily deployed to Preview – filecoin-foundation-site February 20, 2026 16:21 Inactive

vercel bot temporarily deployed to Preview – ffdweb-site February 20, 2026 16:21 Inactive

vercel bot temporarily deployed to Preview – filecoin-foundation-uxit February 20, 2026 16:21 Inactive

github-actions bot added size/L and removed size/L labels Feb 20, 2026

CharlyMartin changed the title ~~i18n on provide-storage~~ [UXIT-3897] Add i18n to provide-storage, build-on-filecoin, community-hub, and blog Feb 20, 2026

vercel bot deployed to Preview – filecoin-site February 20, 2026 16:25 View deployment

Add search placeholder translations and format keyFeatures arrays

06ee546

vercel bot temporarily deployed to Preview – ffdweb-site February 23, 2026 14:25 Inactive

vercel bot temporarily deployed to Preview – filecoin-foundation-uxit February 23, 2026 14:25 Inactive

vercel bot temporarily deployed to Preview – filecoin-foundation-site February 23, 2026 14:25 Inactive

github-actions bot added size/L and removed size/L labels Feb 23, 2026

vercel bot deployed to Preview – filecoin-site February 23, 2026 14:29 View deployment

CharlyMartin requested a review from barbaraperic February 23, 2026 14:58

CharlyMartin marked this pull request as ready for review February 23, 2026 14:59

barbaraperic requested a review from Copilot February 23, 2026 15:22

Copilot started reviewing on behalf of barbaraperic February 23, 2026 15:23 View session

Copilot AI reviewed Feb 23, 2026

View reviewed changes

barbaraperic reviewed Feb 23, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Comments

[UXIT-3897] Add i18n to provide-storage, build-on-filecoin, community-hub, and blog#2182

[UXIT-3897] Add i18n to provide-storage, build-on-filecoin, community-hub, and blog#2182
CharlyMartin wants to merge 5 commits intomainfrom
UXIT-3897/add-translation-keys-provide-storage

CharlyMartin commented Feb 20, 2026 •

edited

Loading

Uh oh!

vercel bot commented Feb 20, 2026 •

edited

Loading

Uh oh!

notion-workspace bot commented Feb 20, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

barbaraperic left a comment

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

barbaraperic Feb 23, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Comments

Conversation

CharlyMartin commented Feb 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📝 Description

🛠️ Key Changes

Uh oh!

vercel bot commented Feb 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

notion-workspace bot commented Feb 20, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

barbaraperic left a comment

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

barbaraperic Feb 23, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

CharlyMartin commented Feb 20, 2026 •

edited

Loading

vercel bot commented Feb 20, 2026 •

edited

Loading