Публикации по теме 'nuxtjs'
useFetch, useLazyfetch с Nuxt 3
useFetch и useLazyFetch — это настраиваемые хуки, которые можно использовать в Nuxt.js версии 3 для выполнения вызовов API.
useFetch можно использовать для получения данных во время процесса рендеринга на стороне сервера (SSR). Он немедленно вернет данные, если они уже доступны, в противном случае он будет ждать, пока данные будут получены, прежде чем отображать страницу.
useLazyFetch похож на useFetch , но используется для извлечения данных во время процесса рендеринга..
Регенерация статического сайта и сосредоточение внимания на том, что важно
Первоначально опубликовано на https://adamlynch.com/static-site-regeneration .
У меня уже много лет есть свой собственный сайт , но я мало им пользуюсь. Требовалось обновление. Я сосредотачивался на неправильных вещах, пытался сделать все и медленно ничего не добивался. Внешне он не сильно изменился, но это только верхушка айсберга. Он был полностью переделан под поверхностью.
Катализатором было письмо; Я скучаю по этому. Я отвыкла. Может быть, я был слишком занят, я мог..
(Почти) исчерпывающее руководство по использованию Storybook с Nuxt.js
Я уже давно хотел внедрить Storybook в свои проекты Nuxt.js .
Для тех, кто не знает, Storybook - это инструмент с открытым исходным кодом для изолированной разработки компонентов пользовательского интерфейса. Ознакомьтесь с его вариантами использования .
Использование Storybook с простым Vue.js не составляет труда, но с Nuxt совсем другая история, поскольку он не работает сразу после установки. Информация там разрозненная, и мне пришлось копаться в репозиториях и примерах других..
15 революционных инструментов в экосистеме Vue 3
Некоторые инструменты-убийцы, которые вы можете использовать в экосистеме Vue 3.
Экосистема Vue.js претерпела изменения за последние несколько лет, особенно после того, как Vue 3 стала версией по умолчанию с 7 февраля 2022 г. . В этом посте основное внимание будет уделено инструментам, которые вращаются вокруг экосистема Vue 3.
Введение
В экосистеме Vue.js есть множество инструментов, которые значительно упростили создание приложений с помощью Vue.js и расширили возможности..
Использование Modernizr с Nuxt.js для обнаружения функций браузера
Modernizr — это пакет, который обнаруживает функции браузера и делает их доступными для запросов с помощью JavaScript и CSS. Это очень удобно, например, чтобы узнать, какие свойства CSS поддерживаются. Подход гораздо более гибкий и стабильный, чем использование для этого поставщика и версии браузера. Я написал модуль, позволяющий использовать Modernizr с Nuxt.js.
Использование Modernizr с Nuxt.js
Modernizr использует архитектуру на основе плагинов, и вам нужно собрать пакет..
Проект электронной коммерции Laravel VueJS
В этой статье мы поделимся с вами проектом электронной коммерции, основанным на Laravel и Vue.js (Nuxt.js).
В этом проекте я использовал Laravel как сервис REST API , а внешний интерфейс веб-сайта электронной коммерции построен с использованием Nuxt.js вместе с admin-panel Здесь я попытался сохранить некоторые лучшие практики как в мире Laravel, так и в мире Vue.js. Я надеюсь, что этот проект будет полезен для всех вас, ребята.
Начиная
Сначала клонируйте репозиторий:
git..
Обработка рендеринга на стороне сервера и SEO с помощью nuxt.js
То, что я ненавижу делать в Vue JS, - это обработка рендеринга на стороне сервера.
Если вы заботитесь о SEO, у вас есть несколько вариантов для этого.
Рендеринг на стороне сервера (что мы и будем делать с nuxt.js) Предварительная отрисовка (для создания статических файлов HTML во время сборки)
Уже есть отличная документация по рендерингу на стороне сервера из Vue JS, которую вы можете найти здесь https://ssr.vuejs.org/en/basic.html . Но все же мне это сложно, особенно если вы в..