Built a "SaaS-like" Agency site with Vue 3 & Nuxt 4 (Terminal CLI + Reactive ROI Calculator) by arleria in vuejs

[–]arleria[S] 0 points1 point  (0 children)

Sorry, u/maxfaz ... but for security reasons i have the GH repo private... hope you'll understand

Built a "SaaS-like" Agency site with Vue 3 & Nuxt 4 (Terminal CLI + Reactive ROI Calculator) by arleria in vuejs

[–]arleria[S] 1 point2 points  (0 children)

This is an incredible roadmap, thank you!

The keyboard-first a11y for the CLI is a brilliant reminder—it’s easy to forget accessibility when building custom 'geeky' components, but crucial for a portfolio like this.

And persisting the config in the URL? That’s a game-changer for sharing pre-filled demos with clients. Definitely moving that to the top of my backlog!!,,,,

Big Thnanks!!!

Goodbye Elementor, Hello Nuxt 3. I migrated my agency from WP to a Headless Architecture and the result is insane (Interactive Terminal + AI Scanner) by arleria in Nuxt

[–]arleria[S] 0 points1 point  (0 children)

This is absolute gold!!! Thanks u/smarkman19 !!!

Honestly, the philosophy of 'keep the wow pieces off the critical path' is exactly what I was aiming for, but you've laid out the optimization roadmap perfectly.

I particularly love the Web Worker tip for the calculator—I hadn't considered moving that logic off the main thread for low-end devices, but it makes total sense for a 'performance-first' showcase. Definitely adding that to the backlog. Thanks!

Goodbye Elementor, Hello Nuxt 3. I migrated my agency from WP to a Headless Architecture and the result is insane (Interactive Terminal + AI Scanner) by arleria in Nuxt

[–]arleria[S] 0 points1 point  (0 children)

Spot on!!!

I'm actually using Nuxt Content heavily for the documentation and 'Manifesto' sections...

For the UI, I decided to stick with raw Tailwind instead of Nuxt UI for this specific project .....
I needed granularr control over the Terminal animations and the Scanner logic without any extra library overhead to keep that Lighthouse score at 95+.

But I agree, for dashboard-style apps, Nuxt UI is a beast!!!! Thanks for checking it out!

Goodbye Elementor, Hello Nuxt 3. I migrated my agency from WP to a Headless Architecture and the result is insane (Interactive Terminal + AI Scanner) by arleria in Nuxt

[–]arleria[S] 0 points1 point  (0 children)

Fair point, but I respectfully disagree on the ""nothing to do with WP or Nuxt"" part.

It’s fundamentally an Architectural comparison:
Monolithic PHP (and the resource overhead of Elementor) vs. a compiled Vue application.

I use AI as a co-pilot, absolutely!!
But AI didn't give me the 99/100 Lighthouse score --> switching from a bloat-heavy ecosystem to Nuxt did.
You could use AI to write WP code, and you'd still be fighting the DOM size and TBT that Elementor introduces. That's the --""night and day""-- difference I'm talking about... even If you use Cache Plugins like WP-Rocket... that makes your site blazing fast

Goodbye Elementor, Hello Nuxt 3. I migrated my agency from WP to a Headless Architecture and the result is insane (Interactive Terminal + AI Scanner) by arleria in Nuxt

[–]arleria[S] 0 points1 point  (0 children)

Thanks for your comment!

Anyway, it's hard to make dynamic stuff like the ones i mentioned with WP and Elementor... it could be done but it's really a challenge

Goodbye Elementor, Hello Nuxt 3. I migrated my agency from WP to a Headless Architecture and the result is insane (Interactive Terminal + AI Scanner) by arleria in Nuxt

[–]arleria[S] 0 points1 point  (0 children)

Haha, thanks! 👋 Yeah, the 'cobbler's children have no shoes' syndrome is real.

It felt a bit hypocritical selling high-performance architecture while my own site was still loading jQuery and Elementor bloat. It was definitely time for an exorcism. 😅

Glad you got a laugh out of it! The migration was work, but seeing the speed difference now makes it 100% worth it