Создаем интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 1

[Stan_1]

canonical так не очень правильно делать. Если у меня есть товар, который входит в несколько категорий, а категория — это часть url, предложенный вариант сгенерирует разные canonical на один товар.

[mrG0bliN]

статья --пушка
спасибо большое, я похожий проект делаю и я для себя много нового узнал

[hardtop]

Вот это прям дельная статья. Спасибо!

[lazydog92]

Отличная статья, хотелось бы обратить внимание на пару опечаток:

<nuxt-link :to="`/category/${cSlug}`">

Здесь не ${cSlug} а ${category.cSlug}, cSlug не объявлена.

В папке pages создаём папку categories

Название папки должно быть category, иначе маршрут не зарезолвится.

[AntonVolkov18]

Спасибо, поправил. Актуальный рабочий код проекта будет доступен тут github

[Krealt]

В vue-lazy-loading есть async, но нет await

[KriMs]

Отключаем для Development всю минификацию html, чтобы ускорить процесс разработки.

...(!isDev && {
  html: {
    minify: {
      collapseBooleanAttributes: true,
      decodeEntities: true,
      minifyCSS: true,
      minifyJS: true,
      processConditionalComments: true,
      removeEmptyAttributes: true,
      removeRedundantAttributes: true,
      trimCustomFragments: true,
      useShortDoctype: true
    }
  }
})

Кажется это не совсем верный конфиг для отключения.
Дефолтный конфиг nuxtjs включает все: github.com/nuxt/nuxt.js/blob/796282ceec913630dd660201a973236491fb8b57/packages/config/src/config/build.js
В коде выше если НЕ ДЕВ, то будет включено все. Но и в ДЕВЕ будет включено все за счет дефолта nuxt'а, разве нет?

Может стоит делать что-то типа:

...(isDev && {
  html: {
    minify: {
      collapseBooleanAttributes: false,
      decodeEntities: false,
      minifyCSS: false,
      minifyJS: false,
      processConditionalComments: false,
      removeEmptyAttributes: false,
      removeRedundantAttributes: false,
      trimCustomFragments: false,
      useShortDoctype: false
    }
  }
})>

Т.е. проверяем, что мы в dev и добавляем в конфиг все с `false`. В проде будет дефотоный с включенной минификацией

[yarkov]

Нет, всё работает как описано в статье. Вот только что проверил специально.