The majority of web users are browsing the web with a mobile device, and have been for years now.  Granted, there are fewer users attempting to use SaaS apps with a mobile device, but that number is still very significant.  In recognition of that, Nodewood is now fully responsive – every page and feature works just as well on mobile devices as they do on the desktop.

This is made possible largely due to Tailwind's Responsive Design tooling. Changing most pages from desktop-only to mobile-responsive was typically accomplished by adding a handful of classes to a handful of elements – and updating your own Nodewood features to be mobile-responsive will be similarly easy!

Some cases were a little trickier – specifically any situation involving a table. Tables are frequently rather complex, and making them mobile-responsive can add a lot more complexity on top.  So Nodewood 0.19.0 now comes with a DataTable component that is mobile-responsive by default!  Additionally, model fields can have mobile- and desktop-specific classes applied to them, making it easier than ever to have clean, stylish, mobile-friendly tables in your Nodewood app.

Thankfully, the upgrade guide for this release is a lot smaller than the last one, but it comes with a warning: this is the last version of Nodewood that will ship with Vue 3 compatibility mode enabled.  As of the next release, Nodewood will use Vue 3 in standards mode, so be sure to resolve any outstanding Vue 3 conversion issues soon!

Looking to save time building your next SaaS app?  Save weeks or even months of time developing a mobile-responsive, easy to extend application when you build with Nodewood, a Node.js/Vue SaaS boilerplate and starter kit.

Photo by Rodion Kutsaev on Unsplash