Nuxt JS - Vue + SSR (быстрый курс за 70 минут)

Подробнее узнать об обучении в Result School -

Получить профессию Frontend разработчика -

Я в соц сетях:

Мои паблики по JavaScript:

JavaScript cообщества:

Roadmap по каналу:

В этом видео вы узнаете про технологию NuxtJS, с помощью которого вы можете очень просто создавать приложения на Vue JS с технологией Server Side Rendering.

Код лежит тут:

Nuxt JS 2019 - Vue + SSR (быстрый курс за 70 минут)
#nuxt #nuxtjs #vue

[zmjmgbb]

В nuxt 3, конечно, многое поменялось: например, axios модуль не используется, а используется fetch. Также при создании custom layout, нужно писать не <nuxt/>, а <slot/>. Страница с динамическим id называется не через нижнее подчёркивание, а через квадратные скобки, вот так: [id], ну и в целом, много вот таких отличий.

[ncpdlpj]

Вы очень помогли немного разобраться в работе nuxt, спасибо!

[namax]

16:00 Вот эта тема с просмотром кода это просто гениально! Сразу понятно стало отличие SPA от SSR

[VladilenMinin]

Основные моменты:
0:45 Установка Nuxt
6:00 Обзор приложения
15:00 Как работает SSR
20:13 Создание роутов
32:28 Создание динамических роутов
33:46 Валидация параметров
37:14 Обработка 404 ошибки
38:20 Создание layout
42:05 Модули (axios)
47:38 asyncData
52:55 vuex
56:20 fetch
1:01:02 middleware
1:07:40 nuxtServerInit

[oglwjfs]

Владилен, выпусти по nuxt новое видео. А то столько изменений! Это видео уже во многом потеряло актуальность.

[dinfrrg]

Владилен, огромное спасибо за ролики! Уже год как пытаюсь разобраться в динамических роутах. Посмотрел это видео, и всё стало понятно, разложилось по полочкам. И главное, никакой воды!!! Всё чётко, кратко, по существу и с учётом новичков.

[bpvkujh]

Думал просто вью это магия и радовался каждый день. Вот что действительно чертова магия.

[shurik]

Очень круто! Спасибо! Сейчас, спустя 2 года запустил Nuxt, он стал ещё круче. Предлагаю новое видео по изменениям в Nuxt.

[glsdiob]

Очень информативный ролик, много нового узнал! Спасибо Вам!

[urakovaliaskar]

Спасибо за видео, этот крашкурс был очень полезен для меня, давно хотел попробовать накст и о боже какой он офигенный, теперь буду его использовать в своих проектах и дальше изучать его возможности.

[Kristina-xeql]

Спасибо большое за информацию) Много чего организовалось в голове :)

[mikurrey]

Огромное спасибо за проделанную работу! Очень рад был найти такой качественный контент.


Осталось несколько вопросов:
1) как "заставить" nuxt подгружать стили через <link>, чтобы не пихать в шапку всю эту бутстраповскую колбасу?
2) как правильно и "технично" обработать ситуацию, когда axios вернул 404? Как при этом отобразить страничку error.vue?
3) показанный вами способ авторизации, он безопасен для прода? store (и токен соответственно) ведь хранится исключительно на клиенте, я правильно понимаю?

[dmitryblinov]

Видео супер, спасибо большое!! Буду ждать еще видео по Nuxt, круто объясняешь))

[vjygmjf]

Спасибо. Как всегда качественный контент и все понятно.

[michaelcorleone]

Владилен молодец! Почерпнул несколько полезных алгоритмов
Жду курсы за 2020 :)

[nurbekismoilov]

Бро от души спасибо) Как долго искал как вообще на nuxt-е приложение стартует чтобы токен уловить. Очень сильно помог! С меня жирный лойс

[vasya]

великолепное видео, я его прошел 10 раз где-то, помнил наизусть и мне на собеседование попала задача такая и я ее сделал и теперь я middle, а до этого я вообще не работал в frontend разработке, взяли за то что отвечал на все вопросы, спасибо за видео

[Idontreallycareatall]

Лайк, подписка, колокольчик. Очень душевный туториал! Спасибо за работу!

[bpospanov]

спасибо за информативный туториал, Владилен

[frankielamps]

просто и круто, спасибо тебе за твой нелегкий труд