Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 January 09

OS

Oleksii Sakaliuk in Nuxt.js — русскоговорящее сообщество
Добрый день! Сделал первую простую работу на Nuxt (раньше работал только на PHP).  Нужен совет, куда потом лучше его загружать, какие серверы лучше? Это статический сайт (universal). Если есть хорошая документация по продакшину или видео, поделитесь, пожалуйста.
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
Всем привет)
Был сделан проект: https://mebeldan.com

Фронт на Nuxt с использованием Vuex, Vue Router, в качестве бэка использовал Strapi headless cms (node.js), деплоится все на heroku.

Интересует взгляд со стороны уже по самому коду, есть ли у кого время пообщаться/посмотреть код в личке? Не стесняйтесь писать в личку, рад буду знакомству с коллегами 🙂

p.s. пару дней назад постил, но получил маловато фидбэка, админы рекомендовали попробовать позже
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
скажите как использовать этот апи? нужно увеличить время лоадера https://nuxtjs.org/api/configuration-loading/#using-a-custom-loading-component

increase(num) - вообще неаясно как это использвоать?
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
ну вызываю метод increase, дальше что? трудно чтоли пример приложить было
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
Agalar
Всем привет)
Был сделан проект: https://mebeldan.com

Фронт на Nuxt с использованием Vuex, Vue Router, в качестве бэка использовал Strapi headless cms (node.js), деплоится все на heroku.

Интересует взгляд со стороны уже по самому коду, есть ли у кого время пообщаться/посмотреть код в личке? Не стесняйтесь писать в личку, рад буду знакомству с коллегами 🙂

p.s. пару дней назад постил, но получил маловато фидбэка, админы рекомендовали попробовать позже
как флип анимация делалась? nuxt-child?
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
имею ввиду морфинг при переходах на страницы
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
x x
имею ввиду морфинг при переходах на страницы
ты про лоадер или зум?
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
морфинг при клике на картинку
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
структура проекта какая? как переход происходит? на уровне лейаута, или уже в nuxt-child?
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
переход присходит на child, так как там динамические роуты
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
сам переход довольно не прост)
Но основа всей анимации лежит в css переменных
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
все ясно, так и понял. работа неплохая, в портфолио смело
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
анимация сама не интересует)
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
ключевой вопрос как это привязывать к нукст роутингу)
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
x x
все ясно, так и понял. работа неплохая, в портфолио смело
👌
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
а че в переменных анимация? необычный подход)
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
вообще вижу обычный transform: translate3d(0px, 0%, 0px);
источник

A

Agalar in Nuxt.js — русскоговорящее сообщество
x x
а че в переменных анимация? необычный подход)
нет, в переменных высчитанные значения, которые в последствии используются в стилях)
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
а вижу --next-article-transform-y
источник

xx

x x in Nuxt.js — русскоговорящее сообщество
такой хитрый флип получается)
источник