Build a TODO List App in NUXT JS using VUEX

Learn how to build a Todo list app in Nuxt JS. We use the Vuex module to store the task data and Vue components to render out of todo list items.

Learn about v-for, components, vuex and more in this video!

// JOIN THE DISCORD SERVER!

// BECOME A MEMBER TO UNLOCK MORE CONTENT!

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// FOLLOW ME ON TWITTER

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[tonis]

Dude, I love your tutorial! ~ Even though I'm a Next guy, I feel this Nuxt is new and very different, but I managed to understand your explanations. Thanks so much!

[petipois]

Great tutorial - i added local storage and used tailwind css for this app. Your videos are really clear and easy to follow. thank you

[mahmoudmoussa]

Here we go 😍 tons of thanks. Please more Nuxt tutorials&projects.

[christinefredricksen]

Thank you, I wanted to try out Nuxtjs and your video was very clear and easy to follow!

[joeribrinks]

"We can add a lot of cool things to our list, like MILK" 😂
Very cool video, thanks a lot!

[fezekileplaatyi]

Thank you so much man, lol you just cured my imposter syndrome with Vue and Nuxt. Thanks again!

[premodsuraweera]

Thank you, very use full this tutorial

[kiyoshitanaka]

It feels like Nuxt, Remix and so on are completely taking over the web. Can you do more in depth tutorial on Server-Side Rendering and how it can replace Singe Page Apps?

[Anonymous-xyps]

Great video as always 🔥🔥... May we get a video on creating a Vue Chat app using firebase v9

[IpsitaPriyadarsini-hl]

I am new to vue. I did not understand anything. what you did in store.

[armadoon]

Great video! thanks! what is you code theme name please ?

[remoreacts]

Hi Tyler, I came across your video while browsing, looking for a solution to my problem. I hope you can offer some advice. I have the following mounted function.
mounted() {
// this.$store.commit("db/func1", "");
// this.$store.commit("db/func2", "")
//this.selectedImage = this.images[0];
this.$store.commit("db/func3", "")}
I have three commits, two of which are currently commented. I was able to run this while only getting a warning in the Console: [vuex] do not mutate vuex store state outside mutation handlers. However I recently upgraded my Nuxt version to 2.14.6 and now the warning actually displays in the window as well so I cannot use the web app anymore. Can I not have more than one commit in mounted()?

[FilipeLevandovski]

hello, great video!

Could you tell me what extension you use to suggest the code?

[diasyergaliev]

it would be nice, if there was an editing feature...but thnx anyway

[Jasper_L]

This tutorial too simple but I like your style of teaching 😂

[weshuiz]

I'm not the guy that likes to say "first"

[livewire]

Your amazon chair is no longer available.