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.

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!