Example: Newsletter to Web Archive

[ericdellacasa8]

Context

Elements already includes a newsletter email template, but does not currently demonstrate how the same content can be rendered as a web page.

One of the core ideas behind Elements is rendering the same content across multiple outputs. A newsletter-to-web-archive example would help demonstrate email and web parity from a shared component tree.

Definition of Done

Create a newsletter web archive example using the existing newsletter content.

The example should:

• Reuse or adapt the existing NewsletterDigest template
• Render the content using <Page>
• Display the newsletter as a standalone web page
• Demonstrate how the same content can be used for both email and web outputs
• Show both outputs side-by-side or clearly document the relationship between them
• Be added to the demo app or under examples/newsletter-web-archive/

Example Outcome

A developer should be able to:

• View the newsletter as an email
• View the same content as a web page
• Understand how Elements enables multiple outputs from the same content structure

The example should clearly demonstrate the email-to-web workflow.

Where to Start

Useful references already exist in the codebase:

• packages/demo/src/templates/NewsletterDigest.tsx
• packages/react/src/components/Page.tsx
• packages/demo/src/sections/RenderModeDemo.tsx

The goal is to adapt the existing newsletter content into a documented email + web example.