Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/piral-samples/netflix-demo

A netflix-like portal application with pilets
https://github.com/piral-samples/netflix-demo

demo domains example javascript microfrontends netflix piral react sample typescript

Last synced: 3 months ago
JSON representation

A netflix-like portal application with pilets

Awesome Lists containing this project

README

        

[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)

# [Piral Sample](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![Community Chat](https://dcbadge.vercel.app/api/server/kKJ2FZmK8t?style=flat)](https://discord.gg/kKJ2FZmK8t)

> A netflix-like portal application with pilets.

:zap: This sample demonstrates the use of `piral` to build a dynamic app consisting of various micro frontends.

Feel free to play around with the code using StackBlitz.

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/piral-samples/netflix-demo)

You can visit this demo at [notflix-demo.samples.piral.cloud/](https://notflix-demo.samples.piral.cloud/).

## Getting Started

Each directory represents a standalone part, which may even be its own repository. In each directory run:

```sh
npm install
```

More explicitly:

```sh
cd netflix-piral
npm install
cd ..

cd netflix-browse-pilet
npm install
cd ..

cd netflix-favorites-pilet
npm install
cd ..

# etc. (same for netflix-profile-pilet, netflix-search-pilet, and netflix-watch-pilet)
```

## More Information

The project was originally created by [Dante de Ruwe](https://github.com/dantederuwe/). He posted an article with [all details on dev.to](https://dev.to/dantederuwe/my-experiences-creating-a-netflix-clone-using-microfrontends-1n46).

## License

Piral and this sample code is released using the MIT license. For more information see the [license file](./LICENSE).