Новый сайт

Nuxt.com — это главная отправная точка для знакомства с Nuxt. С более чем 300 тысячами посетителей в месяц, пришло время придать ему новый облик.

Новый дизайн

Мы вернулись к оригинальным цветам Nuxt: темно-синему фону (#020420) и его фирменному блестящему зеленому цвету (#00DC82).

Мы хотели добиться единого дизайна во всей нашей официальной документации:

Нам очень нравится этот новый дизайн, и мы надеемся, что вам он тоже понравится. Это только первый шаг на пути ко многим улучшениям, которые ожидаются на сайте.

Улучшенная навигация

Отныне вы можете легко переключаться между пятью основными категориями документации:

Справа вы можете увидеть оглавление, а также быстрые действия сообщества: «Изменить эту страницу», «Чат в Discord» и т.д.

Кнопки исходного кода

При просмотре встроенных в Nuxt компонентов, композаблов, утилит, команд и утилит Nuxt Kit теперь можно перейти к исходному коду, нажав кнопку Исходники.

Улучшенная функция поиска

Вы можете заметить новое модальное окно при нажатии CMD+K. Мы используем компоненты Nuxt UI <CommandPalette> в сочетании с данными Nuxt Content (поиск и навигация), чтобы обеспечить лучший опыт поиска.

С помощью палитры команд вы можете:

• Перейти на страницу
• Искать в документации
• Искать в модуле
• Переключить цветовой режим

Вскоре мы планируем добавить больше команд.

Миграция на Nuxt UI

Новый веб-сайт работает на основе Nuxt UI, нашей библиотеки пользовательского интерфейса, специально разработанной для Nuxt и созданной на основе Tailwind CSS и Headless UI.

На сайте также используется Nuxt UI Pro — набор премиум-компонентов, созданных на основе Nuxt UI для создания красивых и адаптивных приложений Nuxt за считанные минуты.

Он включает в себя такие компоненты, как <UHeader>, <UFooter>, <ULandingHero>, <ULandingCard> и другие.

Эта миграция стала прекрасной возможностью улучшить Nuxt UI и UI Pro и исправить некоторые ошибки, а также внести изменения в +9,004 / -23,113 строк кода.

Изображения Open Graph

Мы большие поклонники использования собственного изображения, когда мы делимся ссылкой в ​​социальных сетях. Вот почему мы добавили og:image на все страницы документации.

Пример Страницы установки:

Доступно на GitHub

Мы с гордостью сообщаем, что сайт теперь имеет открытый исходный код и доступен на GitHub.

Что дальше?

Этот новый веб-сайт — начало будущих изменений, которые мы планируем, вот некоторые из них:

• Страницы команды и участников
• Страница интеграций для демонстрации всех возможностей Nuxt: хостинг, CMS, база данных и т. д.
• Страница шаблонов (в настоящее время nuxt.new) со списком официальных стартеров и стартеров сообщества
• И многое другое...

Мы с нетерпением ждем ваших отзывов в Twitter, Discord или GitHub.

Спасибо, что прочитали этот пост и счастливого Накстинга 🤟