Vue.js Tadone! app overpowered by Strapi

Published: 03 September 2022
on channel: The Digital Craft
2,954
37

Thank you, Valon for inspiring me to make another video.

We build a Vue.js todo app and power it with the Strapi headless CMS.

Chapters:
0:00 Intro
2:12 Initializing a Vue App with Vite
4:09 Starting the development server
4:53 Clearing out the boilerplate
7:37 Discussing data and the template
13:31 Making our Tadone! tasks object
14:53 Showing the tasks in the template
17:38 Binding data to an HTML element's attribute
21:15 Adding tasks to the Tadone! list
27:54 Installing and running Strapi
31:25 Creating the tasks collection in Strapi
32:34 Adding some tasks to the collection
33:07 Setting public API permissions for the tasks collection
34:43 Pulling data in to the Vue app from Strapi
39:55 Publishing new tasks from the Vue app in to Strapi
43:28 Updating the task's status in Strapi from the Vue app
49:00 Making dynamic style updates when a task status is toggled
51:32 Taking a look at Vue's computed properties
54:29 Closing remarks







Visit our site to schedule a private session today or to help us keep making videos free to the public please help & donate at:
http://thedigitalcraft.com
To Stay up to date on everything we are doing please "like us on Facebook:   / thedigicraft  


Watch video Vue.js Tadone! app overpowered by Strapi online without registration, duration hours minute second in high quality. This video was added by user The Digital Craft 03 September 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,95 once and liked it 3 people.