Vue.js Tadone! app overpowered by Strapi
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
