Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mor-ald/test-task-tina

Тестовый проект по переходу на Headless CMS с классической (php) CMS
https://github.com/mor-ald/test-task-tina

cicd cms jest-tests nextjs reactjs tinacms

Last synced: 12 days ago
JSON representation

Тестовый проект по переходу на Headless CMS с классической (php) CMS

Awesome Lists containing this project

README

        

# TinaCMS STO ARM

Тестовый проект по переходу с классической CMS на Headless CMS с целью изучения преимуществ и недостатков используемых технологий для построения статических сайтов.

Проверка производительности производилась с использованием lighthouse:

### До

image

### После

image

## В данном проекте используется

- ```Tina CMS``` для редактирования контента в используемых компонентах приложения.
- Библиотека компонентов ```PrimeReact```.
- ```Next.js``` для генерации статических и динамических страниц.
- ```Graphql``` для осуществления запросов к данным при работе ```Tina CMS```.
- ```Eslint``` для линтинга кода.
- ```Jest``` и ```Testing library React``` для написания тестов.

## Директории приложения

- [Компоненты приложения](https://github.com/Mor-ald/tina-sto-arm/tree/main/components) и использумые [блоки](https://github.com/Mor-ald/tina-sto-arm/tree/main/components/blocks) в TinaCMS.
- [Контент веб-страниц](https://github.com/Mor-ald/tina-sto-arm/tree/main/content).
- [Генерация страниц](https://github.com/Mor-ald/tina-sto-arm/tree/main/pages).
- [Медиафайлы](https://github.com/Mor-ald/tina-sto-arm/tree/main/public).
- [Тесты переиспользуемых компонентов](https://github.com/Mor-ald/tina-sto-arm/tree/main/__tests__).
- [Конфигурация CMS и GrapgQl запросов](https://github.com/Mor-ald/tina-sto-arm/tree/main/.tina).

## Развертывание приложения

Установка зависимостей:

```
yarn
```

Запуск приложения:

```
yarn dev
```

Приложение будет доступно по адресу ```http://localhost:3000/```,  для доступа к панели администратора нужно перейти по адресу ```http://localhost:3000/admin```.

Запуск линтинга:

```
yarn lint
```

Или (для автоматического исправления):

```
yarn lint:fix
```

Запуск тестов:

```
yarn test
```

## LICENSE

Licensed under the [Apache 2.0 license](./LICENSE).