Shopware 6 PWA Development - On Demand Training (DEPRECATED)

In stock
SKU
v14
€0.00

The Shopware PWA solution is outdated and no longer being maintained by Shopware (or Vue Storefront). Instead, the focus is on Shopware Frontends - more of a library for Vue, than a complete app. Because of this change, this training is deprecated and offered for free.

  • Courses included: 1
  • Total video time: 15 hours
  • Access period: 1Y
  • € 0 for 1 year
  • € 0 per hour of video available to you
More Information
Price €0.00
Access period 1 year

Included courses

Shopware 6 PWA Development

Status: Complete
Last updated: 2023-08-21
Number of lessons: 73
Number of slides: 399
Videos: 14.7 hours

Preview this course

Want to see what this course is like? Checkout our Courseware Demo to preview this course and others.

Preview all courses

Course content

Shopware 6 PWA Development

  • Introduction
  • Vocabulary
  • Introducing Shopware PWA
  • Installation
  • Development tools
  • Shopware PWA installation
  • Configuration
  • Configuration of domains
  • Main commands
  • Different modes for going to production
  • `shopware-pwa plugins` command
  • Package overview
  • Combined sources
  • Vue essentials
  • Vue basics
  • Simple counter
  • Dynamic listing
  • Composition API
  • Simple counter with the Composition API
  • `ref`, `reactive`, `computed` and `toRef`
  • Composables in Shopware PWA
  • Watching values
  • Dealing with Vue slots
  • Vue state management
  • Vue partials
  • Working with Nuxt.js
  • Introduction of NuxtJS
  • Installing NuxtJS
  • Nuxt.js theming
  • Nuxt.js architecture
  • NuxtJS configuration
  • Nuxt.js modules
  • NuxtJS plugins
  • Customize routing
  • NuxtJS content module
  • Theming
  • First steps into Shopware PWA theming
  • Creating layouts
  • View components
  • Overriding a component
  • Working with Storefront UI
  • Override the footer
  • CSS styling
  • Adding Google fonts
  • Overriding Storefront UI components
  • Change meta-data
  • PWA plugins
  • Creating a local plugin
  • Using Shopware plugins in the PWA
  • Creating a Shopware plugin for PWA
  • Working with PWA slots
  • Extend the navigation menu
  • Adding layouts and pages via your PWA plugin
  • Overriding remote PWA plugins
  • Using settings in your plugin
  • API communication
  • Interacting with the Shopware APIs
  • shopware.stoplight.io
  • Examples of using the Store API
  • Setting API defaults
  • Using the API
  • Creating a Store API Route
  • Working with the CMS
  • First peek at CMS architecture
  • Overriding a CMS Block
  • Overriding a CMS Element
  • CMS Jumbotron example
  • Customizing the theme
  • Customizing the category page
  • Customizing the product page
  • Using product functions
  • Checkout overview
  • disable-cart-notifications
  • Advanced topics
  • Interceptors
  • Shopware PWA in production
  • Deployment
  • AJAX calls with SSR
  • Adding the right context
  • Deployment with SSG
  • Dealing with SSR
  • Tips and tricks
  • Building a PWA without Shopware PWA
  • Troubleshooting
  • Best practices