Skip to content

Implement news detail page #9

@peterlipt

Description

@peterlipt

Description:
Create a detail page for individual news articles based on the news collection in Payload CMS. The page must follow the legacy EHK design closely while supporting full responsiveness, bilingual content, and modern frontend standards.

Routing:
• The route should follow the pattern: /hirek/{slugified-title}
• Slug format: lowercase, spaces replaced with hyphens, no accented characters (e.g. Árvíztűrő tükörfúrógép → /hirek/arvizturo-tukorfurogep).

Functionality:
• Fetch the relevant news item from Payload CMS using the slug.
• Show a loading state until all data (including images) is fully loaded.
• If the item is not found or an error occurs, display a fallback message.

Layout Requirements:
• title or titleEng (depending on selected language)
• date of publication
• tags (clickable badges used for filtering news list)
• Full description (description.text_hu / description.text_en) rendered from Lexical rich text
• Do not display shortDescription on this page.
• Layout must be clean, aesthetic, and responsive.

Technical Requirements:
• Fully responsive across all screen sizes.
• All text content must support both Hungarian and English.
• External links inside the description should open in a new tab.
• Tags must be interactive: clicking a tag redirects to a filtered news list showing only items with the same tag.
• Optimize for performance and user experience.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions