Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Vuedle: Wordle with Nuxt Server Components (Part 1)

Michael Thiessen
203 subscribers
<__slot-el>
<__slot-el>
417 views Streamed 9 months ago
Nuxt Tips Collection is coming SOON: michaelnthiessen.com/nuxt-tips-collection Let's build a Wordle clone using Nuxt Server Components! We'll see how little JS we can ship to the client, and have fun doing it. In this stream we managed to build most of the UI, but we have no interactivity yet. We'll get that done in the next stream. 00:00 Introduction 02:34 Component Logic 03:52 Building Wordle 05:09 Interaction Setup 07:00 Adjusting Layout 11:58 Key Functionality 20:56 UI Components 28:56 Adding Interactivity 30:14 Code Debugging 41:04 Dynamic Styling 48:56 Handling Letters 53:00 Final Adjustments 57:50 Troubleshooting 01:01:18 Using Computed Properties 01:16:09 Debugging and Testing 01:24:18 Final Review ...more
...more
Vuedle: Wordle with Nuxt Server Components (Part 1)
Nuxt Tips Collection is coming SOON: michaelnthiessen.com/nuxt-tips-collection Let's build a Wordle clone using Nuxt Server Components! We'll see how little JS we can ship to the client, and have fun doing it. In this stream we managed to build most of the UI, but we have no interactivity yet. We'll get that done in the next stream. 00:00 Introduction 02:34 Component Logic 03:52 Building Wordle 05:09 Interaction Setup 07:00 Adjusting Layout 11:58 Key Functionality 20:56 UI Components 28:56 Adding Interactivity 30:14 Code Debugging 41:04 Dynamic Styling 48:56 Handling Letters 53:00 Final Adjustments 57:50 Troubleshooting 01:01:18 Using Computed Properties 01:16:09 Debugging and Testing 01:24:18 Final Review

Follow along using the transcript.

Michael Thiessen

203 subscribers