Skip to content

Nuxt: Add CtaCustom - #5715

Open
Yndira-E wants to merge 8 commits into
mainfrom
nuxt/custom-ctas
Open

Nuxt: Add CtaCustom#5715
Yndira-E wants to merge 8 commits into
mainfrom
nuxt/custom-ctas

Conversation

@Yndira-E

Copy link
Copy Markdown
Contributor

Description

Follow-up to #5517's "Next steps" section, which called out a CtaCustom component as pending work, a sanctioned way to build a one-off CTA that isn't one of the five fixed destinations, without inventing new copy, styles, or tracking from scratch.

CtaCustom reuses CtaButton's full style/tracking system. The PostHog event and (for a fixed URL) the href both come from a required destinationKey looked up in nuxt/lib/custom-cta-destinations.ts, instead of free-form props, so a destination can't drift onto two different events across call sites, and the registry self-checks on load against both itself and the five reserved destinations. Those five destinations' own event/href/label now live in nuxt/lib/cta-destinations.ts, read by both the fixed components and CtaCustom's guard, since the guard needs to compare against them somehow. Also adds a target prop for off-site links.

Migrates the five existing hand-written CTA-style buttons in Nuxt that weren't one of the five reserved destinations, each keeping its prior PostHog event for tracking continuity.

Related Issue(s)

Checklist

  • I have read the contribution guidelines
  • I have considered the performance impact of these changes
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
  • For blog PRs, an Art Request has been created (instructions)

@netlify

netlify Bot commented Aug 31, 2026

Copy link
Copy Markdown

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit 8ea5fa8
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/6a958a16f79d5c0009aa8cae
😎 Deploy Preview https://deploy-preview-5715--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 69 (🟢 up 18 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 85 (🔴 down 7 from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@Yndira-E
Yndira-E requested a review from ZJvandeWeg August 31, 2026 14:46
@Yndira-E
Yndira-E marked this pull request as ready for review August 31, 2026 14:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant