Today I try out vibe coding, what is it? Well in this video I explain what vibe coding is, how to use it in your next app with Tailwind CSS 4 and Nuxt 3! I'll go into the different prompts I use, how to troubleshoot Tailwind CSS errors and how It worked with Nuxt!
Install instructions https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/command-line-installing.html?trk=1ad04439-1c50-4fdd-a845-d07d2655fe7a&sc_channel=el
Creating Build ID - https://docs.aws.amazon.com/signin/latest/userguide/sign-in-aws_builder_id.html?trk=1ad04439-1c50-4fdd-a845-d07d2655fe7a&sc_channel=el
Full disclosure I am a senior developer advocate for AWS
0:00 what is vibe coding?
0:47 I start vibing
02:47 Approving changes and fixing profile errors
04:09 Website created!
04:44 Adding blog pages
05:20 Blog walk through
05:51 Turning on /acceptall and new branch
06:39 Update images to unsplash
07:53 Create basic tests using vitest and test utils
09:49 What I like and don't like
10:17 Code review
11:56 Trying out a new feature, I didn't know about!