#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
В зависимости от того, что вы предпочитаете