Nexus 2.0: Нова глава

Nexus 2.0 е голяма актуализация на шаблона: нова основа с Astro 7 и Tailwind CSS v4, светове за ребрандиране с един ред конфигурация и по-голяма библиотека от компоненти. Тя е резултат от месеци инженерна работа, дизайнерски итерации и обратна връзка от общността.

Какво е новото

Nexus 2.0 е изграден върху Astro 7 и Tailwind CSS v4. Страниците се рендерират до HTML по подразбиране, а клиентският JavaScript се включва само при нужда: повечето интерактивност е реализирана с обикновени скриптове, които се изпълняват в жизнения цикъл astro:page-load на Astro, а React се използва единствено за островите за визуализация на данни, изградени с Recharts.

Работата със съдържанието е изцяло преосмислена около колекциите със съдържание на Astro с валидиране на схемите чрез Zod. Публикациите в блога, профилите на авторите, честите въпроси, услугите и отзивите са типизирани колекции, така че липсващо поле или невалидна дата прекъсва компилацията, вместо да публикува счупена страница.

Светове: ребрандиране на едно място

Най-голямата промяна в 2.0 са световете. Светът е предварителна настройка от дизайн токени, която променя облика на целия шаблон, включително палитрата, повърхностите, заобленията, плътността, анимациите и заглавния шрифт, само с един ред в nexus.config.ts:

world: { preset: "proof" },

Днес са налични пет предварителни настройки: nexus, неутралната идентичност по подразбиране; proof, фотографско портфолио; shop, топъл магазин за занаятчийски стоки; editorial, малко списание; и enterprise, продуктов сайт за мониторинг на инфраструктура. Освен предварителната настройка можете поотделно да настроите radius, density, motion и material. Компонентите четат само токени и никога не знаят кой свят е активен, затова ребрандирането не означава ровене из файловете на компонентите.

По-голяма библиотека от компоненти

Библиотеката от компоненти е организирана на слоеве, за да работите на нивото, което отговаря на задачата:

• UI примитиви като Button, Card, Modal, Accordion, Combobox, DataGrid и DatePicker, всеки с типизирани props и CVA варианти.
• Секции като Hero, Features, Pricing, FAQ и CTA за бързо сглобяване на маркетингови страници.
• Композиции на страници за екрани с много данни, включително оформления за запис, досие, табло и сравнение.
• Графики, включително площна, стълбовидна, кръгова (donut), линейна, радарна, топлинна карта и диапазонна, стилизирани със същите токени като всичко останало.

Компонентите за данни следват общ набор от състояния (зареждане, празно, грешка и данни), така че таблото никога не показва празен панел, когато заявка се провали.

Създаден за реални проекти

Няколко основи за продукционна среда са включени, вместо да бъдат оставени като упражнение:

• Пет езика веднага: английски, немски, френски, испански и български, за основните страници и блога, с преведени URL адреси и избор на език.
• Светла и тъмна тема, които по подразбиране следват системната настройка на посетителя (може да се зададе тъмна или светла), с превключвател, който запомня избора му.
• Търсене в сайта с Pagefind, RSS емисия, карта на сайта и генерирани Open Graph изображения за публикациите в блога.
• Незадължителна автентикация с Better Auth, която се включва с една команда pnpm auth:enable.
• Основи за съгласие за бисквитки и правни страници, които настройвате според собствените си потоци от данни. Те са отправна точка, а не правен съвет.

Функциите се управляват с флагове, а командата pnpm prune:features премахва цели групи функции, от които нямате нужда, с режим на пробно изпълнение, който показва плана, преди нещо да бъде променено.

Надграждане

Nexus 2.0 е съществено преструктуриране, затова подхождайте към надграждането като към миграция, а не като към обикновена актуализация. Най-надеждният път е да започнете от чисто копие на шаблона, да изберете свят и да пренесете съдържанието и конфигурацията си. Колекциите със съдържание веднага ще ви кажат, ако някой frontmatter вече не отговаря на схемата.

Какво предстои

Като следваща стъпка ще продължим да разширяваме библиотеката от компоненти и предварителните настройки на световете, както и да подобряваме документацията за адаптиране на всяка рецепта към вашите собствени проекти.