Библиотека компонентов, совместимых с SSR, для Nuxt.js

#vue.js #frontend #vue-component #nuxt.js #server-side-rendering

#vue.js #интерфейс #vue-компонент #nuxt.js #рендеринг на стороне сервера

Вопрос:

Я инженер-серверная часть, я разрабатывал побочный проект в течение нескольких месяцев, и теперь пришло время создать интерфейс. Я не очень хорошо разбираюсь в интерфейсных материалах, для меня очень сложно заниматься разработкой интерфейса, поэтому я решил взять Nuxt и сделать это как можно быстрее (мне тоже нравится SSR).

Проблема, с которой я сталкиваюсь прямо сейчас, заключается в том, что большинство библиотек компонентов, которые я нашел для Vue / Nuxt, несовместимы с SSR, поэтому, чтобы они работали в моем проекте, я должен объявить плагины как «клиент» и обернуть готовые компоненты, которые они предлагают, в <client-only> тег.

Я не могу найти библиотеку, которая поддерживает SSR с помощью Nuxt, ближайшая — Vuetify, которая утверждает, что поддерживает SSR, но я ищу что-то более простое, легкое.

Есть ли что-то подобное для Nuxt?

Спасибо!

PD: я использую Nuxt TailwindCSS

Ответ №1:

Я бы посоветовал использовать nuxt-cli ( create-nuxt-app ), таким образом, при прохождении процесса установки вы будете уверены, что у вас всегда есть плагины и дополнения, которые совместимы и автоматически настраиваются с вашей установкой nuxt, например, на тот момент, когда вы согласны с:

npx create-nuxt-app <project-name>

в рамках пользовательского интерфейса вы получите следующие варианты на выбор:

  • Ant Design Vue
  • Загрузочный Vue
  • Buefy
  • Bulma
  • Пользовательский интерфейс Chakra
  • Элемент
  • Framevuerk
  • IView
  • Тахионы
  • Tailwind CSS
  • Vuesax
  • Vuetify.js

В зависимости от того, что вы предпочитаете