Introduction to Project Structure in Vue Storefront 2

Published: 01 January 1970
on channel: Alokai
1,577
28

In order to leverage the full potential of Vue Storefront, you need to understand its project structure. In this video tutorial, our Senior Fullstack Developer and Dev 🥑 Under Cover - Jakub Andrzejewski, will guide you through each folder and directory in a newly generated Vue Storefront 2 project.

Video about I18N and adding a custom language -    • Internationalization in Vue Storefront 2  
Videos about working with middleware.config.js (custom integrations, custom queries, custom api methods)
-    • Using Custom API Methods in Vue Store...  
-    • Using Custom Queries in Vue Storefront 2  
-    • Using Custom API Methods in Vue Store...  

Documentation about folder structure in Vue Storefront 2 - https://docs.vuestorefront.io/v2/gett...
Documentation about folder structure in Nuxt - https://nuxtjs.org/docs/get-started/d...
Documentation about configuration - https://docs.vuestorefront.io/v2/gett...

Learn more about Vue Storefront
  / vsfdevelopers  
https://vuestorefront.io

Follow Jakub as well!
Twitter & YouTube - @jacobandrewsky

#vuejs #ecommerce #nuxtjs

Timestamps:
0:00 Intro
0:30 Documentation about project structure
1:15 Project in VS Code
1:25 .nuxt
1:50 components
2:50 Storefront UI documentation
4:15 composables
6:20 helpers (optional)
6:43 lang
7:10 layouts
8:40 middleware
9:40 pages
11:08 plugins
11:50 static
12:13 stores
12:50 tests
13:08 .env
13:25 middleware.config.js
14:25 middleware.js
15:30 nuxt.config.js


Watch video Introduction to Project Structure in Vue Storefront 2 online without registration, duration hours minute second in high quality. This video was added by user Alokai 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,57 once and liked it 2 people.