https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html

• It looks like the favicon is broken on {{Vercel}} deployment. – {color:#ff5630}DONE{color}
• Should add loading UX to the submit button on the contact-us page. – {color:#ff5630}DONE{color}
• It looks like form submissions are considered spam for now in my test [formcarry.com|http://formcarry.com] account.
  We should double-check in the upcoming company account. – {color:#ff5630}DONE{color}
• Can improve performance by using {{keep alive}} and {{activated}} hook.
• Can improve performance by using SWR (swrv package).
• Can improve performance by using SWR (http caching). – {color:#ff5630}DONE{color}
• There are DOM mismatch bugs and warnings in the console. – {color:#ff5630}DONE{color}
  !revisit-home-page & mismatch.png|width=1440,height=868!
• Should fix font set-up. We should not use font family everywhere but just use font weight and font style once after configuring the font family in one place.
• !font-family.png|width=1440,height=848!
  {{Too many active WebGL contexts. Oldest context will be lost.}}
  This may impact the performance.
• !too-many-webgl.gif|width=1898,height=1090!
  Sometimes I run into this issue. It looks like we may have to upgrade rss2json API.
• !rss2json-api.PNG|width=1440,height=848!
  It looks like {{Header}} is mounted twice. – {color:#ff5630}DONE{color}
• !animation-destruction.gif|width=1898,height=1090!
  The card sizes do not look consistent and it takes much time to load thumbnail images.
  ** We can reserve spaces for title and content so that all cards look consistent regardless of Medium articles. – {color:#ff5630}DONE{color}
  ** There might be a way to control the thumbnail resolution sizes. We could use less resolution thumbnails for UX.
• !card-size.PNG|width=1440,height=845!
  Can do tree shaking bootstrap-vue based on [https://bootstrap-vue.org/docs#nuxtjs-module|https://bootstrap-vue.org/docs#nuxtjs-module].
• It looks like there are too many renderings. – {color:#ff5630}DONE{color}
• We should componentize the app.

Re: [https://polkadot.network|https://polkadot.network] for inspiration

• Articles should look consistent regardless of the article contents. – {color:#ff5630}DONE{color}
• Articles should be paginated.

As we discussed in [https://docs.google.com/document/d/1LNuKkM-YF37j1xhfNivWm_iQ0htcugGBdN7TjV-O4zA/edit|https://docs.google.com/document/d/1LNuKkM-YF37j1xhfNivWm_iQ0htcugGBdN7TjV-O4zA/edit|smart-link] , we should optimize the JavaScript bundle size for performance.

Here is the context https://unizen-workspace.slack.com/archives/C01TEH5U6MB/p1620731101003600.

As we discussed, replacing {{bootstrap}} with {{tailwindcss}} is low priority.
I’d suggest using {{tailwindcss}} for implementing new features and {{bootstrap}} for updating the exiting features.
And whenever we can spare time, we can progressively update all features using {{tailwindcss}}.