https://github.com/simply007/kc-js-sdk-react-vue-angular-jest
Showcase of the Kentico Cloud JS SDK integration with modern frameworks - React, Vue, Angular, Jest.
https://github.com/simply007/kc-js-sdk-react-vue-angular-jest
angular angularjs caas jest jest-tests kentico-cloud react reactjs showcase vue vuejs
Last synced: about 1 month ago
JSON representation
Showcase of the Kentico Cloud JS SDK integration with modern frameworks - React, Vue, Angular, Jest.
- Host: GitHub
- URL: https://github.com/simply007/kc-js-sdk-react-vue-angular-jest
- Owner: Simply007
- Created: 2019-04-09T14:44:59.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:33:16.000Z (almost 3 years ago)
- Last Synced: 2025-04-02T07:41:16.683Z (7 months ago)
- Topics: angular, angularjs, caas, jest, jest-tests, kentico-cloud, react, reactjs, showcase, vue, vuejs
- Language: JavaScript
- Size: 3.12 MB
- Stars: 0
- Watchers: 1
- Forks: 5
- Open Issues: 61
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kentico Cloud :heart: Jest, React, Vue, and Angular
All of the applications [load the articles](#data-loading) from Kentico Cloud and display its titles in the output.
This repository contains [show cases](#how-does-it-look-like), how does the [Kentico Cloud Delivery SDK](https://github.com/Enngage/kentico-cloud-js/tree/master/packages/delivery) could be used in combination with:
* [Jest](https://jestjs.io) - [Readme](kc-jest/README.md)
* [React](https://reactjs.org) - [Readme](kc-react/README.md)
* [Vue.js](https://vuejs.org) - [Readme](kc-vue/README.md)
* [Angular](https://angular.io/) - [Readme](kc-angular/README.md)
> If you want to take a look in detail - Open the appropriate folder for the description, or click *Readme* link.
## Data loading
Applications are using [Kentico Cloud Delivery SDK for Javascript](https://github.com/Kentico/kentico-cloud-js/blob/master/packages/delivery/DOCS.md) as an [npm package](https://www.npmjs.com/package/kentico-cloud-delivery) to load articles from the sample Kentico Cloud project.
```javascript
import { DeliveryClient } from 'kentico-cloud-delivery';
const client = new DeliveryClient({
projectId: "975bf280-fd91-488c-994c-2f04416e5ee3"
});
client.items()
.type("article")
.getPromise()
.then(result => {
console.log(result.items);
})
```
## How to run
### Common prerequisites
* [node.js](https://nodejs.org) (incl. npm)
For all of the application just navigate to your folder and run
```sh
cd kc-jest # OR cd kc-react OR kc-vue or kc-angular
npm install # to install all the defined dependencies
npm start
```
### How does it look like
#### Jest
#### React
#### Vue
#### Angular
