change BUILD_LOCALES env var to be public

Author: pettinarip

.env.example

@@ -29,7 +29,7 @@ IS_PREVIEW_DEPLOY=false
 # Build pages only for the specified langs. Leave it empty to build all the langs
 # e.g. `en,fr` will only build English and French pages
 # Note: always include `en` as it is the default lang of the site
-BUILD_LOCALES=
+NEXT_PUBLIC_BUILD_LOCALES=
 
 # If resource constraints are being hit during builds, change LIMIT_CPUS to a
 # fixed number of CPUs (e.g. 2) to limit the demand during build time

src/components/LanguagePicker/useLanguagePicker.tsx

@@ -16,10 +16,9 @@ import { useTranslation } from "@/hooks/useTranslation"
 export const useLanguagePicker = (handleClose?: () => void) => {
   const { t } = useTranslation("common")
   const locale = useLocale()
-  const rawLocales = LOCALES_CODES
 
   const languages = useMemo<LocaleDisplayInfo[]>(() => {
-    const locales = filterRealLocales(rawLocales)
+    const locales = filterRealLocales(LOCALES_CODES)
 
     // Get the preferred languages for the users browser
     const navLangs = typeof navigator !== "undefined" ? navigator.languages : []
@@ -63,7 +62,7 @@ export const useLanguagePicker = (handleClose?: () => void) => {
           return b.approvalProgress - a.approvalProgress
         }) || []
     )
-  }, [locale, rawLocales, t])
+  }, [locale, t])
 
   const { isOpen, setValue, ...menu } = useDisclosure()
 

src/lib/constants.ts

@@ -19,7 +19,7 @@ export const NULL_VALUE = "—"
 export const DEFAULT_LOCALE = "en"
 export const FAKE_LOCALE = "default"
 // Sorted list of supported locales codes, defined in `i18n.config.json`
-const BUILD_LOCALES = process.env.BUILD_LOCALES
+const BUILD_LOCALES = process.env.NEXT_PUBLIC_BUILD_LOCALES
 export const LOCALES_CODES = BUILD_LOCALES
   ? BUILD_LOCALES.split(",")
   : i18nConfig.map(({ code }) => code)