Make notes and documentation of the process of going live

[IamStephan]

This will prevent any future hickups when going through the flow of: planning -> designing -> developing -> deploying

Should be done before a restructure #2

[IamStephan]

Use UX component test repo as a way to create custom widget templates (it worked for the inline reviews widget, Burger slider 😂)

[IamStephan]

Currently, styles have to be uploaded to a CDN before they can be used. This means that batch updates make more sense than quick iteration uploads.

John is working on a CDN proxy to the GitHub files 🥳, but I found this and thought I might share:

• https://beyondco.de/blog/tailwind-jit-compiler-via-cdn
• https://github.com/beyondcode/tailwindcss-jit-cdn

THIS solves so many problems. Pros:

• No need for CSS files during development (Just inject the CDN from the before borders if it has dev params)
• CSS file sizes can be drastically reduced (Tailwind now has full purging control;) so the entire css file generated could be around ~60kb. For comparison
  • The home page CSS files are ~50kb
  • The content styles are ~210kb
• The two CSS slots in the cms now make sense: template css is all tailwind. the inline css is tweaks and fixes
• Quick iterations and tweaking.

Cons:

• It clutters the entire html (No more 1 to 2 classes per element, there can be cases where one element needs 15-25 classes)
• Classes cannot be used as selectors in JS. That means ID selectors are used but have to be unique.
  • Arbitrary classes can still be added but this adds to the clutter and is hard to spot the in code
  • Attributes could also be used: <div nav-selector> ... </div>
• The added abstraction over CSS means new developers would have to learn TailwindCSS
  • To be fair, tailwind is very intuitive. Plus with VScode and the Tailwind extension, developers can learn it while coding

[IamStephan]

The better alternative to jquery and pure javascript: https://alpinejs.dev/

Custom JS is still way smaller, but alpine seems more convenient. And this with tailwind would make the HTML files a complete nightmare😂