-
Notifications
You must be signed in to change notification settings - Fork 0
Description
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.