Генерация статического сайта с Nuxt.js - Видеоуроки

Static Site Generation with Nuxt.js
Duration 00:11:46
Открыть все курсы от vueschool.io

Static Site Generation with Nuxt.js - Полный список уроков

Развернуть / Свернуть
  • Урок 1. What is Prerendering? 00:01:55
  • Урок 2. Prerendering Static Routes 00:02:30
  • Урок 3. Prerendering Dynamic Routes 00:04:23
  • Урок 4. Cache fetched Data to Speed Up Route Generation 00:02:58

Узнайте, как создавать статические веб-сайты (предварительный рендеринг) с помощью Nuxt.js, чтобы повысить как производительность, так и SEO, а также сократить расходы на хостинг.

Предварительный рендеринг или генерация статического сайта - это бесценный метод, который должен знать каждый разработчик. Компиляция вашего приложения в статические HTML-файлы - это процесс, который повышает как производительность, так и SEO. Это также может значительно снизить стоимость вашего хостинга.

Nuxt.js упростил для нас создание статических сайтов, так и динамических маршрутов даже с асинхронной загрузкой данных.

После этого курса вы будете знакомы с:

  • Что такое генерация статического сайта
  • Разница между рендерингом на стороне сервера и предварительным рендерингом
  • Как предварительно отрендерить статические маршруты
  • Как предопределить динамические маршруты
  • Как кэшировать асинхронные данные при генерации динамических маршрутов

Этот курс составлен совместно с основателями Nuxt.js и основным участником Александром Лихтером.

Твоя оценка

2 1
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

en 7 уроков
vueschool.io Async Data with Nuxt.js
Узнайте, как управлять асинхронными данными и рендерить ваше приложение на стороне сервера с Nuxt.js. Может быть сложно и обременительно настроить пользовательскую систему для извлечения асинхронных данных, прежде чем вы предоставите свое приложение своим пользователям и отобразите все на стороне сервера. Поскольку JavaScript был спроектирован в основном для запуска на стороне клиента, он имеет несколько нежелательных особенностей.
Duration 00:24:02
2 0
en 14 уроков
vueschool.io Nuxt.js Fundamentals
Изучите основы Nuxt.js в этом курсе, который мы создали вместе с создателями Nuxt. Курс охватывает то, что вам нужно знать для развертывания вашего первого приложения Nuxt.js.
Duration 00:35:54
6 0
05-02-2018 en 91 урок
udemy Nuxt.js - Vue.js on Steroids
Создавайте очень крутые приложения Vue JS с помощью Nuxt.js. Nuxt добавляет простой серверный рендеринг и конфиг на основе папок. Vue.js - это супер JavaScript фреймворк, который вы можете использовать для создания высокопривлекательных пользовательских интерфейсов и одностраничных приложений (SPA). Вы можете присоединиться к моему бестселлеру на Vue.js, если хотите узнать больше об этом фреймворке!
Duration 06:27:50
79 1
05-09-2017 en 14 уроков
egghead Create a News App with Vue.js and Nuxt
Этот курс поможет вам создание веб-приложения новостей с использованием Vue.js и фреймворка Nuxt. Вы узнаете как создавать динамические страницы для каждого раздела вашего приложения и загружать, хранить, отображать, фильтровать и стилизовать его данные. Конечным результатом будет приложение новостей с несколькими страницами категорий, комментариями для каждого раздела и пользовательскими страницами.
Duration 00:36:15
10 0
en 2 урока
vuemastery Scaling Vue with Nuxt.js
Когда вы освоитесь с Vue, изучение фреймворка, такого как Nuxt.js, позволит вам создавать готовые к работе веб-приложения, которые следуют лучшим рекомендациям.
Duration 00:20:35
3 0
en 23 урока
leveluptutorials Static Vue With Gridsome
В этой серии уроков я покажу вам как построить рельный, очень быстрый сайт с Gridsome и vue.js. Этот сайт будет статическим, тоесть просто чистый html и javascript - это круто и супер быстро. Мы будем использовать немного vue, немного Gridsome и очень много GraphQL чтобы собрать все это в супер быстро.
Duration 03:03:31
1 0
20-12-2018 en 98 уроков
udemy Nuxt JS with Laravel API - Building SSR Vue JS Apps
Изучите Laravel API разработку. Изучите Nuxt JS с нуля, чтобы создавать веб-приложения для SPA, Static и SSR Vue JS с Vuex. Здравствуйте и добро пожаловать в полную версию Laravel API Development с Nuxt JS в качестве фреймворка внешнего интерфейса, который помогает создавать мощные приложения на стороне сервера для визуализации Vue js с Vuex наилучшим возможным способом.
Duration 08:53:01
0 0

Последнее добавленное

Введение в Python разработку

Введение в Python разработку

en
Этот курс предназначен для обучения программированию с использованием Python. Мы рассмотрим строительные блоки языка, основы программирования, как использовать стандартную библиотеку, сторонние пакеты и как создавать проекты Python. В конце концов, вы должны понимать, как программировать.
Профессиональный облачный разработчик Google Cloud Certified

Профессиональный облачный разработчик Google Cloud Certified

en
Этот курс подготовит вас к сертификации Google Professional Cloud Developer, и все разделы основаны на общих целях, которые Google опубликовал для подготовки к экзамену. Мы также включили подробные пошаговые руководства и практические занятия, которые помогут закрепить концепции, которые мы...
Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

en
Цель этого курса - подготовить вас к сдаче сертификации Google Cloud Certified Professional Cloud Architect certification. Мы достигнем этого с помощью широкого спектра уроков, практических демонстраций, лабораторных условий и практических вопросов в качестве многогранного подхода к подготовке.
AWS Advanced Networking Specialty

AWS Advanced Networking Specialty

en
Добро пожаловать на курс сертификации специалистов по продвинутым сетям AWS. Этот курс предназначен для того, чтобы дать вам концепции, практические занятия, практические экзамены и учебные пособия, необходимые для подготовки к экзамену. Хотя AWS больше не требует сертификации уровня Associate...
Автоматизация AWS с помощью Lambda, Python и Boto3

Автоматизация AWS с помощью Lambda, Python и Boto3

en
В этом курсе будет изучаться автоматизация AWS с использованием Lambda и Python. Мы будем использовать AWS SDK для Python, более известный как Boto3. Вы узнаете, как интегрировать Lambda со многими популярными сервисами AWS, такими как EC2, S3, SQS, DynamoDB и другими.
Постройте приложение Laravel с TDD

Постройте приложение Laravel с TDD

en
Пришло время взять методы, которые мы изучили в Laravel From Scratch, и эффективно использовать их при создании вашего первого реального приложения. Вместе мы будем использовать TDD для создания Birdboard - минимального, похожего на Basecamp, приложения для управления проектами.
Web Start

Web Start

ru
Хорошие новости - Codename 47 вернулся. Плохие новости - ничего нового он с собой не захватил. В этой части все те же уровни, для все то й же аудитории. Все надежды прошлой части развеялись в пух и прах. Если вы следили за приключениями лысого раньше, то эта часть врятли вас чем то...
Стилизация (стайлинг) NativeScript Core приложений

Стилизация (стайлинг) NativeScript Core приложений

en
Все о CSS в NativeScript Core. В этом курсе мы подробно изучим методы моделирования с помощью NativeScript Core. Мы узнаем, как использовать глобальные конструкции стилей NativeScript, а также как лучше подходить к разделению стилей на составные правила. Мы также рассмотрим использование стилей...
chat
logo