Skip to content

French translation build issue - Only "Email" section rendering #275

@sylverboss

Description

@sylverboss

Description
After translating the security checklist to French, the build process (yarn build) is only partially successful. While the CHECKLIST.md and static files are correctly generated under /dist, only the "email" section displays the checklist data. All other sections appear empty.

Steps to Reproduce

Created French translation of the checklist
Source file location: https://github.com/sylverboss/personal-security/blob/master/personal-security-checklist.yml
Modified const remoteUrl in layout.tsx to reference the new French checklist
Run yarn build

Current Behavior
CHECKLIST.md is generated correctly with French translations
Static files are properly generated under /dist
Only the "email" section displays checklist data
All other sections are empty
The JS console shows:
Detected Layout Shift during page load 0.009598724999547231

Expected Behavior
All sections should display their respective checklist data in French, similar to how they appear in the original English version.

Additional Context
The issue appears to be related to how the sections are being pulled from the translated YAML file, as only the email section is successfully rendering its content.

Modifications Made
Changed const remoteUrl in layout.tsx to point to the French checklist version

Development Space: https://musical-guide-r46jx9rppg3w7q7-5173.app.github.dev/

Can you please provide any suggestions for troubleshooting or potential fixes for this translation rendering issue ?

Thanks in advance, and great project ! 👌
AB

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions