Playbook

Oro Playbook

Fullstack-разработка на Nuxt в экосистеме Oro: архитектурные решения, стандарты кода, процессы и руководство для AI-агентов.

Начать

Playbook

nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
})

Playbook

Архитектурные решения, стандарты кода и процессы разработки

Архитектура

ADR: Nuxt 4 SPA/SSG, монорепо, Nuxt UI, Tailwind, CI/CD.

Стандарты

Правила кода: структура проекта, auto-imports, composables, TypeScript, тестирование.

Процессы

Code review, frontend development workflow.

Runbooks

Пошаговые инструкции: локальная настройка, выбор компонентов, решение проблем.

Ключевые решения

Nuxt 4 SPA + SSG

SPA для dashboard-приложений, SSG для лендингов и маркетинга.

Монорепо + pnpm

Приложения отдельно, модули вместе. Package Registry.

Nuxt UI + Tailwind

Единая UI-библиотека. Приоритет готовых решений.

Ready-made First

Сначала Nuxt UI, потом Nuxt Modules, потом кастом.

Быстрый старт

1. Создание проекта

npx nuxi@latest init my-app
cd my-app

2. Установка Nuxt UI

pnpm add @nuxt/ui

3. Настройка nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
})

4. Использование

<template>
  <UCard>
    <UButton>Hello Nuxt!</UButton>
  </UCard>
</template>

Готовы начать?

Изучите архитектурные решения и стандарты разработки на Nuxt.
Getting StartedPlaybook