DEV Community

loading...
Cover image for Angular Elements in Hugo Static Site Generator
CodingCatDev

Angular Elements in Hugo Static Site Generator

ajonp profile image Alex Patterson Updated on ・1 min read

Adding dynamic features to a static site.

Why

I needed to add payments to https://AJonP.com so we can start supporting longer course tutorials. So I sent out a poll on Twitter to see what we should build the Webcomponents using.

Twitter Poll

I plan to share a more in depth course on how to build all of this! For now I thought it would be cool just to see it all in action. Notice how after the site loads Firebase kicks in and checks to see if you are a pro member then dynamically hides items using a webcomponent that understands user state.

It is as easy as using <ajonp-allow-if> to wrap around any element and then use display none within that component.

Let me know what you think!

Discussion (0)

pic
Editor guide