DEV Community

Theo
Theo

Posted on

I gave my Nuxt Supabase auth scaffold some personality on top of Nuxt UI

I'm a person that appreciates consistency across applications, especially applications that belong to a solo founder or indie developer alike. I'm not opposed to arguments saying each app is unique and should also feel unique but I think as a solo or indie developer the best thing you can do from a personal brand perspective is provide at least some form of consistency across your applications.

With that being said I spent all of the time I had left today after going to work, eating, and gym to try and make my auth scaffold feel much more like my own rather than Nuxt UI's. Now this quest started the night before on Claude Design and my prompt was essentially that I wanted a fusion of Blinq and Chris Raroque. As AI does the first go was hit and miss but it provided me with a pretty nice color palette, typography, and a button that felt so good to click that I probably sat there for 15 minutes just taking in the animation that was done to that button. The rest of it was hot garbage but I've come to appreciate small wins like these when they come around.

Implementation was also a bit hit and miss and I actually ended up reverting my initial attempt changes, went out to go gym and clear my head, came back and just prompted from scratch using 3 random HTML, CSS, and JS examples that I found with a couple of searches and what came out was pretty impressive. My simple auth scaffold felt way better with just the visual improvement to the buttons and some very simple page transitions, but of course I didn't stop there. I then went ahead and implemented the WebHaptics NPM package. I mapped it to button presses, links, as well as toasts (and based on the toast type). This additional experience paired with the visual enhancement that was made to the button literally a button is exciting me wayyy too much but I think taking time, slowing down, and trying to make things truely feel unique to yourself is what will set you apart and with some stroke of luck eventually on a path where you might achieve something incredible.

Feel free to check out my Nuxt Supabase auth scaffold or read about the thoughts that led to the creation of the scaffold in my first article: I made a production ready auth scaffold with Nuxt and Supabase.

I'd love to hear your honest thoughts on my take and on how the scaffold looks and feels and definitely try it on your phone. The vibrations are pretty cool 😎

P.S I don't have some agenda against AI generated stuff I obviously used it as a tool to do what I have done here but that's exactly where it ends, a tool... I didn't outsource my thoughts and my ideas to the robot and I hope this is something that all developers are practicing.

Top comments (0)