🧩 CMS Demo
Strapi DirectStrapi + NitroDirectus + NitroDirectus Direct

Nuxt 4 × CMS Demo

Демонстрация четырёх подходов к работе с Headless CMS

Страница 1

Strapi → Direct

Статьи из Strapi через прямой useFetch на клиенте. API-ключ виден в браузере — подходит для публичного API.

useFetchClient-sideStrapi REST
Страница 2

Strapi → Nitro

Статьи через Nitro server route /api/strapi/articles. Ключи и URL Strapi скрыты на сервере.

useFetchNitro proxyServer-side
Страница 3

Directus → Nitro

Статьи из Directus через Nitro server route /api/directus/articles. Admin-токен Directus скрыт на сервере.

useFetchNitro proxyDirectus REST
Страница 4

Directus → Direct

Статьи из Directus через прямой useFetch на клиенте. Запрос идёт напрямую к публичному API Directus.

useFetchClient-sideDirectus REST

Nuxt 4 × Strapi × Directus — Demo on thankful-throne