From 12fbf26ff9719741cb6210f0d4c267176481cdf3 Mon Sep 17 00:00:00 2001 From: Voronoy Sergey Date: Fri, 26 May 2023 22:18:53 +0300 Subject: [PATCH 1/8] translate: docs/1.getting-started/1.indroduction.md --- docs/1.getting-started/1.introduction.md | 101 +++++++++++------------ 1 file changed, 50 insertions(+), 51 deletions(-) diff --git a/docs/1.getting-started/1.introduction.md b/docs/1.getting-started/1.introduction.md index 10e8d15fda4d..f50986180854 100644 --- a/docs/1.getting-started/1.introduction.md +++ b/docs/1.getting-started/1.introduction.md @@ -1,95 +1,94 @@ --- navigation.icon: uil:info-circle -description: Nuxt's goal is to make web development intuitive and performant with a great Developer Experience in mind. +description: Мета Nuxt — зробити веб-розробку інтуїтивно зрозумілою та продуктивною з урахуванням чудового Досвіду Розробника. --- -# Introduction +# Вступ -Nuxt is a free and [open-source framework](https://github.com/nuxt/nuxt) with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with [Vue.js](https://vuejs.org). +Nuxt — це безкоштовний [фреймворк із відкритим кодом](https://github.com/nuxt/nuxt) із інтуїтивно зрозумілим і розширюваним способом створення type-safe, продуктивних та готових до використання фулстек веб-застосунків і веб-сайтів за допомогою [Vue.js](https://vuejs.org). -We made everything so you can start writing `.vue` files from the beginning while enjoying hot module replacement in development and a performant application in production with server-side rendering by default. +Ми зробили все, щоб ви могли почати писати файли `.vue` з самого початку, насолоджуючись швидкою зміною модулів у розробці та продуктивним застосунком у виробництві з відтворенням на стороні сервера за замовчуванням. -Nuxt has no vendor lock-in, allowing you to deploy your application [**anywhere, even to the edge**](/docs/getting-started/deployment). +У Nuxt немає прив’язки до постачальника, що дозволяє розгортати вашу програму [**будь-де, навіть за межами**](/docs/getting-started/deployment). -## Automation and Conventions +## Автоматизація та домовленості -Nuxt uses conventions and an opinionated directory structure to automate repetitive tasks and allow developers to focus on pushing features. The configuration file can still customize and override its default behaviors. +Nuxt використовує домовленості та опціональну структуру каталогів для автоматизації повторюваних завдань і дозволяє розробникам зосередитися на додавані функціоналу. Файл конфігурації продовжує надавати змогу налаштувати та змінити поведінку за замовчуванням. ::list{type=success} -- **File-based routing:** define routes based on the structure of your [`pages/` directory](/docs/guide/directory-structure/pages). This can make it easier to organize your application and avoid the need for manual route configuration. -- **Code splitting:** Nuxt automatically splits your code into smaller chunks, which can help reduce the initial load time of your application. -- **Server-side rendering out of the box:** Nuxt comes with built-in SSR capabilities, so you don't have to set up a separate server yourself. -- **Auto-imports:** write Vue composables and components in their respective directories and use them without having to import them with the benefits of tree-shaking and optimised JS bundles. -- **Data-fetching utilities:** Nuxt provides composables to handle SSR-compatible data fetching as well as different strategies. -- **Zero-config TypeScript support:** write type-safe code without having to learn TypeScript with our auto-generated types and `tsconfig.json` -- **Configured build tools:** we use [Vite](https://vitejs.dev) by default to support hot module replacement (HMR) in development and bundling your code for production with best-practices baked-in. +- **File-based routing:** визначте маршрутів на основі структури вашого [каталогу `pages/`](/docs/guide/directory-structure/pages). Це може зробити оргазацію вашого застосунку простішим та уникнути необхідности налаштування маршрутів вручну. +- **Code splitting:** Nuxt автоматично розбиває ваш код на менші частини, що може допомогти скоротити час початкового завантаження вашого застосунку. +- **Server-side rendering out of the box:** Nuxt підтримує вбудовані можливості SSR, тож вам не потрібно самостійно встановлювати окремий сервер. +- **Auto-imports:** пишіть Vue композиційні функції та компоненти у їх відповідних каталогах та використовуйте їх без необхідності додавання з перевагами tree-shaking та оптимізації пакетів JS. +- **Data-fetching utilities:** Nuxt додає композиційні фукнкції для обробки отримання данних, сумісного з SSR, а також за різними стратегіями. +- **Zero-config TypeScript support:** пишіть type-safe код без необхідності вивчати TypeScript разом з нашими автоматично згенерованих типів та `tsconfig.json` +- **Configured build tools:** ми використовуємо [Vite](https://vitejs.dev) як основну підтримку можливості швидкої зміни модулів (hot module replacement - HMR) у розробці та побудові вашого коду для виробництва з найкращими практиками. :: -Nuxt takes care of these and provides both frontend and backend functionality so you can focus on what matters: **creating your web application**. +Nuxt піклується про це та підтримує обидві фронтенд та бекенд технології, що допомагая вам зосередитись на важливому: **створенні вашого веб-застосунку**. ## Server-Side Rendering -Nuxt comes with built-in server-side rendering (SSR) capabilities by default, without having to configure a server yourself, which has many benefits for web applications: +Nuxt підтримує вбудовані можливості server-side rendering SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: ::list{type=success} -- **Faster initial page load time:** Nuxt sends a fully rendered HTML page to the browser, which can be displayed immediately. This can provide a faster perceived page load time and a better user experience (UX), especially on slower networks or devices. -- **Improved SEO:** search engines can better index SSR pages because the HTML content is available immediately, rather than requiring JavaScript to render the content on the client-side. -- **Better performance on low-powered devices:** it reduces the amount of JavaScript that needs to be downloaded and executed on the client-side, which can be beneficial for low-powered devices that may struggle with processing heavy JavaScript applications. -- **Better accessibility:** the content is immediately available on the initial page load, improving accessibility for users who rely on screen readers or other assistive technologies. -- **Easier caching:** pages can be cached on the server-side, which can further improve performance by reducing the amount of time it takes to generate and send the content to the client. +- **Швидкий час завантаження сторінки**: Nuxt надсилає повністю відтворену HTML-сторінку до браузера, яку можна відобразити міттєво. Це може забезпечити швидший сприйнятний час завантаження сторінки та кращий досвід користувача (UX), особливо на повільних мережах або пристроях. +- **Покращений SEO:** пошукові системи можуть краще індексувати SSR-сторінки, оскільки HTML-вміст доступний міттєво, а не вимагає JavaScript для відтворення вмісту на стороні клієнта. +- **Більша ефективність на слабких пристроях**: це зменшує обсяг JavaScript, який неохідно завантажити та виконати на стороні клаєнта, що може бути важливо для слабких пристроїв, що можуть чинити супротив важким JavaScript застосункам. +- **Краща доступність:**: вміст є міттєво доступним під час початкового завантаження сторінки, покращуючи доступність для користувачів, які покладаються на програми зчитування з екрану чи інши допоміжні технології. +- **Полегшене кешування:** сторінка може бути закешована на стороні сервера, що може ще більше підвищити ефективність за рахунок скорочення часу, необхідного для створення та надсилання вмісту клієнту. :: -Overall, server-side rendering can provide a faster and more efficient user experience, as well as improve search engine optimization and accessibility. +Загалом server-side rendering може забезпечити швидшу та ефективнішу взаємодію з користувачем, а також покращити систему пошукової оптимізації (SEO) та доступність. -As Nuxt is a versatile framework, it gives you the possibility to statically render your whole application to a static hosting with `nuxt generate`, -disable SSR globally with the `ssr: false` option or leverage hybrid rendering by setting up the `routeRules` option. +Оскільки Nuxt є універсальним фреймворком, він дає вам можливість статично відтворювати весь ваш застосунок на статичному хостингу за допомогою `nuxt generate`, глобально вимкнувши SSR за допомогою параметра `ssr: false` або використовувати гібридне відтворення, налаштувавши параметр `routeRules`. ::alert{type="info"} -Read more about the [Nuxt rendering modes](/docs/guide/concepts/rendering). +Дійнайтеся більше про [режими Nuxt-рендерингу](/docs/guide/concepts/rendering). :: -### Server engine +### Серверний механізм -The Nuxt server engine [Nitro](https://nitro.unjs.io) unlocks new full-stack capabilities. +Серверний механізм Nuxt [Nitro](https://nitro.unjs.io) розблоковує нові можливості фулстек. -In development, it uses Rollup and Node.js workers for your server code and context isolation. It also generates your server API by reading files in `server/api/` and server middleware from `server/middleware/`. +У розробці, він використовує Rollup та Node.js workers для вашого серверного коду та ізоляції контексту. Він також генерую серверне API, зчитуючи файли в `server/api/` та серверні middleware з `server/middleware/`. -In production, Nitro builds your app and server into one universal `.output` directory. This output is light: minified and removed from any Node.js modules (except polyfills). You can deploy this output on any system supporting JavaScript, from Node.js, Serverless, Workers, Edge-side rendering or purely static. +У виробництві Nitro збирає ваш застосунок та сервер до універсального катологу `.output`. Цей результат легкий: мінімізований та вилучений з будь-яких модулів Node.js (за винятком поліфілів). Ви маєте змогу розгорнути цей результат на будь-якій системіі, що підтримує JavaScript, від Node.js, Serverless, Workers, Edge-side rendering або повністю статичного. ::alert{type="info"} -Read more about [Nuxt server engine](/docs/guide/concepts/server-engine). +Дійнайтеся більше про [серверний механізм Nuxt](/docs/guide/concepts/server-engine). :: -### Production-ready +### Готовий до виробництва -A Nuxt application can be deployed on a Node or Deno server, pre-rendered to be hosted in static environments, or deployed to serverless and edge providers. +Nuxt-застосунок можна розгонути на сервері Node або Deno, попередньо відрендерити для розміщення в статичних середовищах, або разгорнути у serverless та edge провайдерів. ::alert{type="info"} -Discover more in the [deployment section](/docs/getting-started/deployment). +Дійнайтеся більше у [розділі з розгортання](/docs/getting-started/deployment). :: -### Modular +### Модульність -A module system allows to extend Nuxt with custom features and integrations with third-party services. +Модульна система дозволяє розширити Nuxt користувацькими функціями та інтеграцією зі сторонніми сервісами. ::alert{type="info"} -Discover more about [modules](/docs/guide/concepts/modules). +Дійнайтеся більше про [модулі](/docs/guide/concepts/modules). :: -### Architecture +### Архітектура -Nuxt is composed of different [core packages](https://github.com/nuxt/nuxt/tree/main/packages): +Nuxt складається з різних [основних пакетів](https://github.com/nuxt/nuxt/tree/main/packages): ::list{type=info} -- Core Engine: [nuxt](https://github.com/nuxt/nuxt/tree/main/packages/nuxt) -- Bundlers: [@nuxt/vite-builder](https://github.com/nuxt/nuxt/tree/main/packages/vite) and [@nuxt/webpack-builder](https://github.com/nuxt/nuxt/tree/main/packages/webpack) -- Command line interface: [nuxi](https://github.com/nuxt/nuxt/tree/main/packages/nuxi) -- Server engine: [nitro](https://github.com/unjs/nitro) -- Development kit: [@nuxt/kit](https://github.com/nuxt/nuxt/tree/main/packages/kit) +- Основний механізм: [nuxt](https://github.com/nuxt/nuxt/tree/main/packages/nuxt) +- Комплектувальники: [@nuxt/vite-builder](https://github.com/nuxt/nuxt/tree/main/packages/vite) та [@nuxt/webpack-builder](https://github.com/nuxt/nuxt/tree/main/packages/webpack) +- Інтерфейс командного рядка (CLI): [nuxi](https://github.com/nuxt/nuxt/tree/main/packages/nuxi) +- Серверний механізм: [nitro](https://github.com/unjs/nitro) +- Набір для розробки: [@nuxt/kit](https://github.com/nuxt/nuxt/tree/main/packages/kit) - Nuxt 2 Bridge: [@nuxt/bridge](https://github.com/nuxt/bridge) :: -We recommend reading each concept to have a full vision of Nuxt capabilities and the scope of each package. +Ми рекомендуємо прочитати кожну концепцію, щоб мати повне уявлення про можливості Nuxt і можливості кожного пакета. ::card-list --- @@ -107,15 +106,15 @@ cardListClass: 'grid grid-cols-1 gap-y-4' descriptionClass: 'md:mr-[64px] w-[90%]' --- #title - Are you Nuxt? + Ви Nuxt? #description - Nuxt is the backbone of your Vue.js project, giving structure to build your project with confidence while keeping flexibility. + Nuxt є основою вашого проекту Vue.js, створюючи структуру для впевненого створення вашого проекту, зберігаючи при цьому гнучкість.

- Extendable with a strong module ecosystem and hooks engine, it makes it easy to connect your REST or GraphQL endpoints, favorite CMS, CSS frameworks and more. PWA and AMP support is only a module away from your Nuxt project. + Розширюваний потужною екосистемою модулів та механізмом хуків, він дозволяє легко підлючати ваші REST або GraphQL ендпойнти, улюблени CMS, CSS фреймворки тощо. Підтримка PWA та AMP - лише один з модулів для вашого Nuxt проєкту.

- Ready to try? Head over to the [Installation section](/docs/getting-started/installation). + Готові спробувати? Перейдіть до [розділу з встановлення](/docs/getting-started/installation). ::: :::card-item @@ -130,10 +129,10 @@ cardListClass: 'grid grid-cols-1 gap-y-4' descriptionClass: 'md:mr-[64px]' --- #title - Contribute + Взяти участь #description - Do you want to get involved in the evolution of Nuxt? + Хочете долучитися до розвитку Nuxt?
- Follow the [contribution guide](/docs/community/contribution). + Слідкуйте за [довідником про допомогу](/docs/community/contribution). ::: :: From e2c7184f8621aaa9ab618e4d520ac48314130c9b Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Sat, 27 May 2023 14:11:42 +0300 Subject: [PATCH 2/8] translate: docs/1.getting-started/2.installation --- docs/1.getting-started/2.installation.md | 26 ++++++++++++------------ 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/1.getting-started/2.installation.md b/docs/1.getting-started/2.installation.md index 4b0a81e8e64b..f3965d85a0f4 100644 --- a/docs/1.getting-started/2.installation.md +++ b/docs/1.getting-started/2.installation.md @@ -2,30 +2,30 @@ navigation.icon: uil:play-circle --- -# Installation +# Встановлення -Get started with Nuxt quickly with our online starters or start locally with your terminal. +Почніть роботу з Nuxt швидко з нашими онлайн стартерами або почніть локально з вашого терміналу. -## Play Online +## Спробувати онлайн -You can start playing with Nuxt 3 in your browser using our online sandboxes: +Ви можете спробувати Nuxt 3 у вашому браузері, використовуючи наші онлайн-пісочниці: -:button-link[Play on StackBlitz]{href="https://nuxt.new/s/v3" blank .mr-2} -:button-link[Play on CodeSandbox]{href="https://nuxt.new/c/v3" blank} +:button-link[Спробувати на StackBlitz]{href="https://nuxt.new/s/v3" blank .mr-2} +:button-link[Спробувати на CodeSandbox]{href="https://nuxt.new/c/v3" blank} -Start with one of our starters and themes directly by opening [nuxt.new](https://nuxt.new). +Почніть безпосередньо з одного з наших стартерів і тем, відкривши [nuxt.new](https://nuxt.new). -:button-link[Discover nuxt.new]{href="https://nuxt.new" blank} +:button-link[Ознайомитись з nuxt.new]{href="https://nuxt.new" blank} -## New Project +## Новий проєкт -#### Prerequisites +#### Передумови -- **Node.js** - [`v16.10.0`](https://nodejs.org/en/) or newer -- **Text editor** - We recommend [Visual Studio Code](https://code.visualstudio.com/) with the [Volar Extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) -- **Terminal** - In order to run Nuxt commands +- **Node.js** - [`v16.10.0`](https://nodejs.org/en/) або новіше +- **Text editor** - Ми рекомендуємо [Visual Studio Code](https://code.visualstudio.com/) з [Volar Extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) +- **Terminal** - Для запуску команд Nuxt ::alert ::details From f243d47f2a73da4d46d42764bf48267e4f1d90a2 Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Sat, 27 May 2023 14:20:26 +0300 Subject: [PATCH 3/8] translate: docs/1.getting-started/1.introduction --- docs/1.getting-started/1.introduction.md | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/1.getting-started/1.introduction.md b/docs/1.getting-started/1.introduction.md index f50986180854..58b8692cd10a 100644 --- a/docs/1.getting-started/1.introduction.md +++ b/docs/1.getting-started/1.introduction.md @@ -16,20 +16,20 @@ Nuxt — це безкоштовний [фреймворк із відкрити Nuxt використовує домовленості та опціональну структуру каталогів для автоматизації повторюваних завдань і дозволяє розробникам зосередитися на додавані функціоналу. Файл конфігурації продовжує надавати змогу налаштувати та змінити поведінку за замовчуванням. ::list{type=success} -- **File-based routing:** визначте маршрутів на основі структури вашого [каталогу `pages/`](/docs/guide/directory-structure/pages). Це може зробити оргазацію вашого застосунку простішим та уникнути необхідности налаштування маршрутів вручну. -- **Code splitting:** Nuxt автоматично розбиває ваш код на менші частини, що може допомогти скоротити час початкового завантаження вашого застосунку. -- **Server-side rendering out of the box:** Nuxt підтримує вбудовані можливості SSR, тож вам не потрібно самостійно встановлювати окремий сервер. -- **Auto-imports:** пишіть Vue композиційні функції та компоненти у їх відповідних каталогах та використовуйте їх без необхідності додавання з перевагами tree-shaking та оптимізації пакетів JS. -- **Data-fetching utilities:** Nuxt додає композиційні фукнкції для обробки отримання данних, сумісного з SSR, а також за різними стратегіями. -- **Zero-config TypeScript support:** пишіть type-safe код без необхідності вивчати TypeScript разом з нашими автоматично згенерованих типів та `tsconfig.json` -- **Configured build tools:** ми використовуємо [Vite](https://vitejs.dev) як основну підтримку можливості швидкої зміни модулів (hot module replacement - HMR) у розробці та побудові вашого коду для виробництва з найкращими практиками. +- **Роутинг на основі файлів:** визначте маршрутів на основі структури вашого [каталогу `pages/`](/docs/guide/directory-structure/pages). Це може зробити оргазацію вашого застосунку простішим та уникнути необхідности налаштування маршрутів вручну. +- **Розбиття коду:** Nuxt автоматично розбиває ваш код на менші частини, що може допомогти скоротити час початкового завантаження вашого застосунку. +- **Рендеринг на стороні серверу з коробки:** Nuxt підтримує вбудовані можливості SSR, тож вам не потрібно самостійно встановлювати окремий сервер. +- **Автоматичний імпорт:** пишіть Vue композиційні функції та компоненти у їх відповідних каталогах та використовуйте їх без необхідності додавання з перевагами tree-shaking та оптимізації пакетів JS. +- **Утиліти отримання данних:** Nuxt додає композиційні фукнкції для обробки отримання данних, сумісного з SSR, а також за різними стратегіями. +- **Підтримка TypeScript без конфігурації:** пишіть type-safe код без необхідності вивчати TypeScript разом з нашими автоматично згенерованих типів та `tsconfig.json` +- **Налаштовані інструменти збірки:** ми використовуємо [Vite](https://vitejs.dev) як основну підтримку можливості швидкої зміни модулів (HMR) у розробці та побудові вашого коду для виробництва з найкращими практиками. :: Nuxt піклується про це та підтримує обидві фронтенд та бекенд технології, що допомагая вам зосередитись на важливому: **створенні вашого веб-застосунку**. -## Server-Side Rendering +## Рендеринг на стороні серверу -Nuxt підтримує вбудовані можливості server-side rendering SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: +Nuxt підтримує вбудовані можливості рендеринг на стороні серверу SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: ::list{type=success} - **Швидкий час завантаження сторінки**: Nuxt надсилає повністю відтворену HTML-сторінку до браузера, яку можна відобразити міттєво. Це може забезпечити швидший сприйнятний час завантаження сторінки та кращий досвід користувача (UX), особливо на повільних мережах або пристроях. @@ -39,7 +39,7 @@ Nuxt підтримує вбудовані можливості server-side rend - **Полегшене кешування:** сторінка може бути закешована на стороні сервера, що може ще більше підвищити ефективність за рахунок скорочення часу, необхідного для створення та надсилання вмісту клієнту. :: -Загалом server-side rendering може забезпечити швидшу та ефективнішу взаємодію з користувачем, а також покращити систему пошукової оптимізації (SEO) та доступність. +Загалом рендеринг на стороні серверу може забезпечити швидшу та ефективнішу взаємодію з користувачем, а також покращити систему пошукової оптимізації (SEO) та доступність. Оскільки Nuxt є універсальним фреймворком, він дає вам можливість статично відтворювати весь ваш застосунок на статичному хостингу за допомогою `nuxt generate`, глобально вимкнувши SSR за допомогою параметра `ssr: false` або використовувати гібридне відтворення, налаштувавши параметр `routeRules`. From 4edf1c3b3f6cba6caca416faeb70a4551a4e824c Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Sat, 27 May 2023 14:22:38 +0300 Subject: [PATCH 4/8] translate: docs/1.getting-started/1.introduction --- docs/1.getting-started/1.introduction.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/1.getting-started/1.introduction.md b/docs/1.getting-started/1.introduction.md index 58b8692cd10a..83318a8a2acf 100644 --- a/docs/1.getting-started/1.introduction.md +++ b/docs/1.getting-started/1.introduction.md @@ -29,7 +29,7 @@ Nuxt піклується про це та підтримує обидві фр ## Рендеринг на стороні серверу -Nuxt підтримує вбудовані можливості рендеринг на стороні серверу SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: +Nuxt підтримує вбудовані можливості рендерингу на стороні серверу SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: ::list{type=success} - **Швидкий час завантаження сторінки**: Nuxt надсилає повністю відтворену HTML-сторінку до браузера, яку можна відобразити міттєво. Це може забезпечити швидший сприйнятний час завантаження сторінки та кращий досвід користувача (UX), особливо на повільних мережах або пристроях. From 1424c3a7b326cabc670337fbd8396770e74a325c Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Sat, 27 May 2023 19:11:22 +0300 Subject: [PATCH 5/8] translate: docs/1.getting-started/2.installation --- docs/1.getting-started/2.installation.md | 42 ++++++++++++------------ 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/docs/1.getting-started/2.installation.md b/docs/1.getting-started/2.installation.md index f3965d85a0f4..dcda90e19249 100644 --- a/docs/1.getting-started/2.installation.md +++ b/docs/1.getting-started/2.installation.md @@ -6,7 +6,7 @@ navigation.icon: uil:play-circle Почніть роботу з Nuxt швидко з нашими онлайн стартерами або почніть локально з вашого терміналу. -## Спробувати онлайн +## Спробувати Онлайн Ви можете спробувати Nuxt 3 у вашому браузері, використовуючи наші онлайн-пісочниці: @@ -17,24 +17,24 @@ navigation.icon: uil:play-circle :button-link[Ознайомитись з nuxt.new]{href="https://nuxt.new" blank} -## Новий проєкт +## Новий Проєкт #### Передумови - **Node.js** - [`v16.10.0`](https://nodejs.org/en/) або новіше -- **Text editor** - Ми рекомендуємо [Visual Studio Code](https://code.visualstudio.com/) з [Volar Extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) -- **Terminal** - Для запуску команд Nuxt +- **Текстовий редактор** - Ми рекомендуємо [Visual Studio Code](https://code.visualstudio.com/) з [Volar Extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) +- **Термінал** - Для запуску команд Nuxt ::alert ::details -:summary[Additional notes for an optimal setup:] -- **Node.js**: Make sure to use an even numbered version (18, 20, etc) +:summary[Додаткові примітки для оптимального налаштування:] +- **Node.js**: Обов'язково використовуйте парну нумеровану версію (18, 20 і т.д.) -- **Volar**: Either enable [**Take Over Mode**](https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode) (recommended) or add the [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- **Volar**: Або ввімкніть [**Режим Takeover**](https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode) (рекомендуємо) або додайте [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) -If you have enabled **Take Over Mode** or installed the **TypeScript Vue Plugin (Volar)**, you can disable generating the shim for `*.vue` files in your `nuxt.config.ts` file: +Якщо ви ввімкнули **Режим Takeover** або встановили **TypeScript Vue Plugin (Volar)**, ви можете вимкнути генерацію shim для файлів `*.vue` у вашому файлі `nuxt.config.ts`: ```ts [nuxt.config.ts] export default defineNuxtConfig({ @@ -47,27 +47,27 @@ export default defineNuxtConfig({ :: :: -Open a terminal (if you're using [Visual Studio Code](https://code.visualstudio.com/), you can open an [integrated terminal](https://code.visualstudio.com/docs/editor/integrated-terminal)) and use the following command to create a new starter project: +Відкрийте термінал (якщо ви використовєте [Visual Studio Code](https://code.visualstudio.com/), ви маєте змогу відкрити [вбудований термінал](https://code.visualstudio.com/docs/editor/integrated-terminal)) та використайте наступну команду для створення нового стартового проєкта: ::code-group ```bash [npx] -npx nuxi init +npx nuxi init <назва-проєкту> ``` ```bash [pnpm] -pnpm dlx nuxi init +pnpm dlx nuxi init <назва-проєкту> ``` :: -Open your project folder in Visual Studio Code: +Відкрийте каталог вашого проєкту в Visual Studio Code: ```bash -code +code <назва-проєкту> ``` -Install the dependencies: +Встановлення залежностей: ::code-group @@ -80,15 +80,15 @@ npm install ``` ```bash [pnpm] -# Make sure you have `shamefully-hoist=true` in `.npmrc` before running pnpm install +#Переконайтеся, що ви маєте `shamefully-hoist=true` у `.npmrc` перед запуском встановлення pnpm pnpm install ``` :: -## Development Server +## Сервер Розробки -Now you'll be able to start your Nuxt app in development mode: +Тепер ви зможете запустити застосунок Nuxt в режимі розробки: ::code-group @@ -107,11 +107,11 @@ pnpm dev -o :: ::alert{type=success icon=✨ .font-bold} -Well done! A browser window should automatically open for . +Чудово! Вікно браузера повинно автоматично відкритися для . :: -## Next Steps +## Наступні Кроки -Now that you've created your Nuxt 3 project, you are ready to start building your application. +Тепер, коли ви стоврили свій Nuxt 3 проєкт, ви готови приступити до створення вашого застосунку. -- Learn about the framework [concepts](/docs/guide/concepts/auto-imports) +- Дізнайтеся про [концепції](/docs/guide/concepts/auto-imports) фреймворку From d4e4d315500c8faad8e0704b122c514b14c8f31b Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Mon, 29 May 2023 15:04:56 +0300 Subject: [PATCH 6/8] translate: docs/1.getting-started/2.installation --- docs/1.getting-started/2.installation.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/1.getting-started/2.installation.md b/docs/1.getting-started/2.installation.md index dcda90e19249..846e718aab4e 100644 --- a/docs/1.getting-started/2.installation.md +++ b/docs/1.getting-started/2.installation.md @@ -2,11 +2,11 @@ navigation.icon: uil:play-circle --- -# Встановлення +# Встановлення {#installation} Почніть роботу з Nuxt швидко з нашими онлайн стартерами або почніть локально з вашого терміналу. -## Спробувати Онлайн +## Спробувати Онлайн {#play-online} Ви можете спробувати Nuxt 3 у вашому браузері, використовуючи наші онлайн-пісочниці: @@ -17,11 +17,11 @@ navigation.icon: uil:play-circle :button-link[Ознайомитись з nuxt.new]{href="https://nuxt.new" blank} -## Новий Проєкт +## Новий Проєкт {#new-project} -#### Передумови +#### Передумови {#prerequisites} - **Node.js** - [`v16.10.0`](https://nodejs.org/en/) або новіше - **Текстовий редактор** - Ми рекомендуємо [Visual Studio Code](https://code.visualstudio.com/) з [Volar Extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) @@ -86,7 +86,7 @@ pnpm install :: -## Сервер Розробки +## Сервер Розробки {#development-server} Тепер ви зможете запустити застосунок Nuxt в режимі розробки: @@ -110,7 +110,7 @@ pnpm dev -o Чудово! Вікно браузера повинно автоматично відкритися для . :: -## Наступні Кроки +## Наступні Кроки {#next-steps} Тепер, коли ви стоврили свій Nuxt 3 проєкт, ви готови приступити до створення вашого застосунку. From 4d905794e865b0416d72c80642ad5afdc2a164c5 Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Tue, 30 May 2023 12:08:41 +0300 Subject: [PATCH 7/8] revert: docs/1.getting-started/1.introduction --- docs/1.getting-started/1.introduction.md | 163 ++++++++++++----------- 1 file changed, 82 insertions(+), 81 deletions(-) diff --git a/docs/1.getting-started/1.introduction.md b/docs/1.getting-started/1.introduction.md index 83318a8a2acf..cbaeb6163587 100644 --- a/docs/1.getting-started/1.introduction.md +++ b/docs/1.getting-started/1.introduction.md @@ -1,138 +1,139 @@ --- navigation.icon: uil:info-circle -description: Мета Nuxt — зробити веб-розробку інтуїтивно зрозумілою та продуктивною з урахуванням чудового Досвіду Розробника. +description: Nuxt's goal is to make web development intuitive and performant with a great Developer Experience in mind. --- -# Вступ +# Introduction -Nuxt — це безкоштовний [фреймворк із відкритим кодом](https://github.com/nuxt/nuxt) із інтуїтивно зрозумілим і розширюваним способом створення type-safe, продуктивних та готових до використання фулстек веб-застосунків і веб-сайтів за допомогою [Vue.js](https://vuejs.org). +Nuxt is a free and [open-source framework](https://github.com/nuxt/nuxt) with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with [Vue.js](https://vuejs.org). -Ми зробили все, щоб ви могли почати писати файли `.vue` з самого початку, насолоджуючись швидкою зміною модулів у розробці та продуктивним застосунком у виробництві з відтворенням на стороні сервера за замовчуванням. +We made everything so you can start writing `.vue` files from the beginning while enjoying hot module replacement in development and a performant application in production with server-side rendering by default. -У Nuxt немає прив’язки до постачальника, що дозволяє розгортати вашу програму [**будь-де, навіть за межами**](/docs/getting-started/deployment). +Nuxt has no vendor lock-in, allowing you to deploy your application [**anywhere, even to the edge**](/docs/getting-started/deployment). -## Автоматизація та домовленості +## Automation and Conventions -Nuxt використовує домовленості та опціональну структуру каталогів для автоматизації повторюваних завдань і дозволяє розробникам зосередитися на додавані функціоналу. Файл конфігурації продовжує надавати змогу налаштувати та змінити поведінку за замовчуванням. +Nuxt uses conventions and an opinionated directory structure to automate repetitive tasks and allow developers to focus on pushing features. The configuration file can still customize and override its default behaviors. ::list{type=success} -- **Роутинг на основі файлів:** визначте маршрутів на основі структури вашого [каталогу `pages/`](/docs/guide/directory-structure/pages). Це може зробити оргазацію вашого застосунку простішим та уникнути необхідности налаштування маршрутів вручну. -- **Розбиття коду:** Nuxt автоматично розбиває ваш код на менші частини, що може допомогти скоротити час початкового завантаження вашого застосунку. -- **Рендеринг на стороні серверу з коробки:** Nuxt підтримує вбудовані можливості SSR, тож вам не потрібно самостійно встановлювати окремий сервер. -- **Автоматичний імпорт:** пишіть Vue композиційні функції та компоненти у їх відповідних каталогах та використовуйте їх без необхідності додавання з перевагами tree-shaking та оптимізації пакетів JS. -- **Утиліти отримання данних:** Nuxt додає композиційні фукнкції для обробки отримання данних, сумісного з SSR, а також за різними стратегіями. -- **Підтримка TypeScript без конфігурації:** пишіть type-safe код без необхідності вивчати TypeScript разом з нашими автоматично згенерованих типів та `tsconfig.json` -- **Налаштовані інструменти збірки:** ми використовуємо [Vite](https://vitejs.dev) як основну підтримку можливості швидкої зміни модулів (HMR) у розробці та побудові вашого коду для виробництва з найкращими практиками. -:: +- **File-based routing:** define routes based on the structure of your [`pages/` directory](/docs/guide/directory-structure/pages). This can make it easier to organize your application and avoid the need for manual route configuration. +- **Code splitting:** Nuxt automatically splits your code into smaller chunks, which can help reduce the initial load time of your application. +- **Server-side rendering out of the box:** Nuxt comes with built-in SSR capabilities, so you don't have to set up a separate server yourself. +- **Auto-imports:** write Vue composables and components in their respective directories and use them without having to import them with the benefits of tree-shaking and optimised JS bundles. +- **Data-fetching utilities:** Nuxt provides composables to handle SSR-compatible data fetching as well as different strategies. +- **Zero-config TypeScript support:** write type-safe code without having to learn TypeScript with our auto-generated types and `tsconfig.json` +- **Configured build tools:** we use [Vite](https://vitejs.dev) by default to support hot module replacement (HMR) in development and bundling your code for production with best-practices baked-in. + :: -Nuxt піклується про це та підтримує обидві фронтенд та бекенд технології, що допомагая вам зосередитись на важливому: **створенні вашого веб-застосунку**. +Nuxt takes care of these and provides both frontend and backend functionality so you can focus on what matters: **creating your web application**. -## Рендеринг на стороні серверу +## Server-Side Rendering -Nuxt підтримує вбудовані можливості рендерингу на стороні серверу SSR, тож вам не потрібно самостійно встановлювати окремий сервер, що має багато переваг для веб-застосунків: +Nuxt comes with built-in server-side rendering (SSR) capabilities by default, without having to configure a server yourself, which has many benefits for web applications: ::list{type=success} -- **Швидкий час завантаження сторінки**: Nuxt надсилає повністю відтворену HTML-сторінку до браузера, яку можна відобразити міттєво. Це може забезпечити швидший сприйнятний час завантаження сторінки та кращий досвід користувача (UX), особливо на повільних мережах або пристроях. -- **Покращений SEO:** пошукові системи можуть краще індексувати SSR-сторінки, оскільки HTML-вміст доступний міттєво, а не вимагає JavaScript для відтворення вмісту на стороні клієнта. -- **Більша ефективність на слабких пристроях**: це зменшує обсяг JavaScript, який неохідно завантажити та виконати на стороні клаєнта, що може бути важливо для слабких пристроїв, що можуть чинити супротив важким JavaScript застосункам. -- **Краща доступність:**: вміст є міттєво доступним під час початкового завантаження сторінки, покращуючи доступність для користувачів, які покладаються на програми зчитування з екрану чи інши допоміжні технології. -- **Полегшене кешування:** сторінка може бути закешована на стороні сервера, що може ще більше підвищити ефективність за рахунок скорочення часу, необхідного для створення та надсилання вмісту клієнту. -:: +- **Faster initial page load time:** Nuxt sends a fully rendered HTML page to the browser, which can be displayed immediately. This can provide a faster perceived page load time and a better user experience (UX), especially on slower networks or devices. +- **Improved SEO:** search engines can better index SSR pages because the HTML content is available immediately, rather than requiring JavaScript to render the content on the client-side. +- **Better performance on low-powered devices:** it reduces the amount of JavaScript that needs to be downloaded and executed on the client-side, which can be beneficial for low-powered devices that may struggle with processing heavy JavaScript applications. +- **Better accessibility:** the content is immediately available on the initial page load, improving accessibility for users who rely on screen readers or other assistive technologies. +- **Easier caching:** pages can be cached on the server-side, which can further improve performance by reducing the amount of time it takes to generate and send the content to the client. + :: -Загалом рендеринг на стороні серверу може забезпечити швидшу та ефективнішу взаємодію з користувачем, а також покращити систему пошукової оптимізації (SEO) та доступність. +Overall, server-side rendering can provide a faster and more efficient user experience, as well as improve search engine optimization and accessibility. -Оскільки Nuxt є універсальним фреймворком, він дає вам можливість статично відтворювати весь ваш застосунок на статичному хостингу за допомогою `nuxt generate`, глобально вимкнувши SSR за допомогою параметра `ssr: false` або використовувати гібридне відтворення, налаштувавши параметр `routeRules`. +As Nuxt is a versatile framework, it gives you the possibility to statically render your whole application to a static hosting with `nuxt generate`, +disable SSR globally with the `ssr: false` option or leverage hybrid rendering by setting up the `routeRules` option. ::alert{type="info"} -Дійнайтеся більше про [режими Nuxt-рендерингу](/docs/guide/concepts/rendering). +Read more about the [Nuxt rendering modes](/docs/guide/concepts/rendering). :: -### Серверний механізм +### Server engine -Серверний механізм Nuxt [Nitro](https://nitro.unjs.io) розблоковує нові можливості фулстек. +The Nuxt server engine [Nitro](https://nitro.unjs.io) unlocks new full-stack capabilities. -У розробці, він використовує Rollup та Node.js workers для вашого серверного коду та ізоляції контексту. Він також генерую серверне API, зчитуючи файли в `server/api/` та серверні middleware з `server/middleware/`. +In development, it uses Rollup and Node.js workers for your server code and context isolation. It also generates your server API by reading files in `server/api/` and server middleware from `server/middleware/`. -У виробництві Nitro збирає ваш застосунок та сервер до універсального катологу `.output`. Цей результат легкий: мінімізований та вилучений з будь-яких модулів Node.js (за винятком поліфілів). Ви маєте змогу розгорнути цей результат на будь-якій системіі, що підтримує JavaScript, від Node.js, Serverless, Workers, Edge-side rendering або повністю статичного. +In production, Nitro builds your app and server into one universal `.output` directory. This output is light: minified and removed from any Node.js modules (except polyfills). You can deploy this output on any system supporting JavaScript, from Node.js, Serverless, Workers, Edge-side rendering or purely static. ::alert{type="info"} -Дійнайтеся більше про [серверний механізм Nuxt](/docs/guide/concepts/server-engine). +Read more about [Nuxt server engine](/docs/guide/concepts/server-engine). :: -### Готовий до виробництва +### Production-ready -Nuxt-застосунок можна розгонути на сервері Node або Deno, попередньо відрендерити для розміщення в статичних середовищах, або разгорнути у serverless та edge провайдерів. +A Nuxt application can be deployed on a Node or Deno server, pre-rendered to be hosted in static environments, or deployed to serverless and edge providers. ::alert{type="info"} -Дійнайтеся більше у [розділі з розгортання](/docs/getting-started/deployment). +Discover more in the [deployment section](/docs/getting-started/deployment). :: -### Модульність +### Modular -Модульна система дозволяє розширити Nuxt користувацькими функціями та інтеграцією зі сторонніми сервісами. +A module system allows to extend Nuxt with custom features and integrations with third-party services. ::alert{type="info"} -Дійнайтеся більше про [модулі](/docs/guide/concepts/modules). +Discover more about [modules](/docs/guide/concepts/modules). :: -### Архітектура +### Architecture -Nuxt складається з різних [основних пакетів](https://github.com/nuxt/nuxt/tree/main/packages): +Nuxt is composed of different [core packages](https://github.com/nuxt/nuxt/tree/main/packages): ::list{type=info} -- Основний механізм: [nuxt](https://github.com/nuxt/nuxt/tree/main/packages/nuxt) -- Комплектувальники: [@nuxt/vite-builder](https://github.com/nuxt/nuxt/tree/main/packages/vite) та [@nuxt/webpack-builder](https://github.com/nuxt/nuxt/tree/main/packages/webpack) -- Інтерфейс командного рядка (CLI): [nuxi](https://github.com/nuxt/nuxt/tree/main/packages/nuxi) -- Серверний механізм: [nitro](https://github.com/unjs/nitro) -- Набір для розробки: [@nuxt/kit](https://github.com/nuxt/nuxt/tree/main/packages/kit) +- Core Engine: [nuxt](https://github.com/nuxt/nuxt/tree/main/packages/nuxt) +- Bundlers: [@nuxt/vite-builder](https://github.com/nuxt/nuxt/tree/main/packages/vite) and [@nuxt/webpack-builder](https://github.com/nuxt/nuxt/tree/main/packages/webpack) +- Command line interface: [nuxi](https://github.com/nuxt/nuxt/tree/main/packages/nuxi) +- Server engine: [nitro](https://github.com/unjs/nitro) +- Development kit: [@nuxt/kit](https://github.com/nuxt/nuxt/tree/main/packages/kit) - Nuxt 2 Bridge: [@nuxt/bridge](https://github.com/nuxt/bridge) -:: + :: -Ми рекомендуємо прочитати кожну концепцію, щоб мати повне уявлення про можливості Nuxt і можливості кожного пакета. +We recommend reading each concept to have a full vision of Nuxt capabilities and the scope of each package. ::card-list --- cardListClass: 'grid grid-cols-1 gap-y-4' --- - :::card-item - --- - gradientBorder: false - backgroundImage: - path: '/assets/docs/getting-started/views/are-you-nuxt' - width: '72px' - height: '92px' - format: 'png' - titleClass: 'text-5xl font-semibold u-text-gray-900 pb-2' - descriptionClass: 'md:mr-[64px] w-[90%]' +:::card-item +--- +gradientBorder: false +backgroundImage: +path: '/assets/docs/getting-started/views/are-you-nuxt' +width: '72px' +height: '92px' +format: 'png' +titleClass: 'text-5xl font-semibold u-text-gray-900 pb-2' +descriptionClass: 'md:mr-[64px] w-[90%]' --- - #title - Ви Nuxt? - #description - Nuxt є основою вашого проекту Vue.js, створюючи структуру для впевненого створення вашого проекту, зберігаючи при цьому гнучкість. +#title +Are you Nuxt? +#description +Nuxt is the backbone of your Vue.js project, giving structure to build your project with confidence while keeping flexibility.

- Розширюваний потужною екосистемою модулів та механізмом хуків, він дозволяє легко підлючати ваші REST або GraphQL ендпойнти, улюблени CMS, CSS фреймворки тощо. Підтримка PWA та AMP - лише один з модулів для вашого Nuxt проєкту. +Extendable with a strong module ecosystem and hooks engine, it makes it easy to connect your REST or GraphQL endpoints, favorite CMS, CSS frameworks and more. PWA and AMP support is only a module away from your Nuxt project.

- Готові спробувати? Перейдіть до [розділу з встановлення](/docs/getting-started/installation). - ::: +Ready to try? Head over to the [Installation section](/docs/getting-started/installation). +::: - :::card-item - --- - gradientBorder: false - backgroundImage: - path: '/assets/docs/getting-started/views/contribute' - width: '72' - height: '92' - format: 'png' - titleClass: 'text-2xl u-text-gray-900 font-semibold' - descriptionClass: 'md:mr-[64px]' +:::card-item +--- +gradientBorder: false +backgroundImage: +path: '/assets/docs/getting-started/views/contribute' +width: '72' +height: '92' +format: 'png' +titleClass: 'text-2xl u-text-gray-900 font-semibold' +descriptionClass: 'md:mr-[64px]' --- - #title - Взяти участь - #description - Хочете долучитися до розвитку Nuxt? -
- Слідкуйте за [довідником про допомогу](/docs/community/contribution). - ::: +#title +Contribute +#description +Do you want to get involved in the evolution of Nuxt? +
+Follow the [contribution guide](/docs/community/contribution). +::: :: From d3891bf0331989cf717ddb1154573480c1d55295 Mon Sep 17 00:00:00 2001 From: Sergey Voronoy Date: Tue, 30 May 2023 12:12:59 +0300 Subject: [PATCH 8/8] revert: docs/1.getting-started/1.introduction --- docs/1.getting-started/1.introduction.md | 74 ++++++++++++------------ 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/docs/1.getting-started/1.introduction.md b/docs/1.getting-started/1.introduction.md index cbaeb6163587..10e8d15fda4d 100644 --- a/docs/1.getting-started/1.introduction.md +++ b/docs/1.getting-started/1.introduction.md @@ -23,7 +23,7 @@ Nuxt uses conventions and an opinionated directory structure to automate repetit - **Data-fetching utilities:** Nuxt provides composables to handle SSR-compatible data fetching as well as different strategies. - **Zero-config TypeScript support:** write type-safe code without having to learn TypeScript with our auto-generated types and `tsconfig.json` - **Configured build tools:** we use [Vite](https://vitejs.dev) by default to support hot module replacement (HMR) in development and bundling your code for production with best-practices baked-in. - :: +:: Nuxt takes care of these and provides both frontend and backend functionality so you can focus on what matters: **creating your web application**. @@ -37,7 +37,7 @@ Nuxt comes with built-in server-side rendering (SSR) capabilities by default, wi - **Better performance on low-powered devices:** it reduces the amount of JavaScript that needs to be downloaded and executed on the client-side, which can be beneficial for low-powered devices that may struggle with processing heavy JavaScript applications. - **Better accessibility:** the content is immediately available on the initial page load, improving accessibility for users who rely on screen readers or other assistive technologies. - **Easier caching:** pages can be cached on the server-side, which can further improve performance by reducing the amount of time it takes to generate and send the content to the client. - :: +:: Overall, server-side rendering can provide a faster and more efficient user experience, as well as improve search engine optimization and accessibility. @@ -87,7 +87,7 @@ Nuxt is composed of different [core packages](https://github.com/nuxt/nuxt/tree/ - Server engine: [nitro](https://github.com/unjs/nitro) - Development kit: [@nuxt/kit](https://github.com/nuxt/nuxt/tree/main/packages/kit) - Nuxt 2 Bridge: [@nuxt/bridge](https://github.com/nuxt/bridge) - :: +:: We recommend reading each concept to have a full vision of Nuxt capabilities and the scope of each package. @@ -95,45 +95,45 @@ We recommend reading each concept to have a full vision of Nuxt capabilities and --- cardListClass: 'grid grid-cols-1 gap-y-4' --- -:::card-item ---- -gradientBorder: false -backgroundImage: -path: '/assets/docs/getting-started/views/are-you-nuxt' -width: '72px' -height: '92px' -format: 'png' -titleClass: 'text-5xl font-semibold u-text-gray-900 pb-2' -descriptionClass: 'md:mr-[64px] w-[90%]' + :::card-item --- -#title -Are you Nuxt? -#description -Nuxt is the backbone of your Vue.js project, giving structure to build your project with confidence while keeping flexibility. + gradientBorder: false + backgroundImage: + path: '/assets/docs/getting-started/views/are-you-nuxt' + width: '72px' + height: '92px' + format: 'png' + titleClass: 'text-5xl font-semibold u-text-gray-900 pb-2' + descriptionClass: 'md:mr-[64px] w-[90%]' + --- + #title + Are you Nuxt? + #description + Nuxt is the backbone of your Vue.js project, giving structure to build your project with confidence while keeping flexibility.

-Extendable with a strong module ecosystem and hooks engine, it makes it easy to connect your REST or GraphQL endpoints, favorite CMS, CSS frameworks and more. PWA and AMP support is only a module away from your Nuxt project. + Extendable with a strong module ecosystem and hooks engine, it makes it easy to connect your REST or GraphQL endpoints, favorite CMS, CSS frameworks and more. PWA and AMP support is only a module away from your Nuxt project.

-Ready to try? Head over to the [Installation section](/docs/getting-started/installation). -::: + Ready to try? Head over to the [Installation section](/docs/getting-started/installation). + ::: -:::card-item ---- -gradientBorder: false -backgroundImage: -path: '/assets/docs/getting-started/views/contribute' -width: '72' -height: '92' -format: 'png' -titleClass: 'text-2xl u-text-gray-900 font-semibold' -descriptionClass: 'md:mr-[64px]' + :::card-item --- -#title -Contribute -#description -Do you want to get involved in the evolution of Nuxt? -
-Follow the [contribution guide](/docs/community/contribution). -::: + gradientBorder: false + backgroundImage: + path: '/assets/docs/getting-started/views/contribute' + width: '72' + height: '92' + format: 'png' + titleClass: 'text-2xl u-text-gray-900 font-semibold' + descriptionClass: 'md:mr-[64px]' + --- + #title + Contribute + #description + Do you want to get involved in the evolution of Nuxt? +
+ Follow the [contribution guide](/docs/community/contribution). + ::: ::