DEV Community

Cover image for Angular Elements in Hugo Static Site Generator

Angular Elements in Hugo Static Site Generator

ajonp profile image Alex Patterson Updated on ・1 min read

Adding dynamic features to a static site.


I needed to add payments to 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)

Editor guide