Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/cogoo/bynd-youtube

Youtube: Angular SEO / Bot friendly app
https://github.com/cogoo/bynd-youtube

angular-universal angular6 rendertron youtube

Last synced: 24 days ago
JSON representation

Youtube: Angular SEO / Bot friendly app

Awesome Lists containing this project

README

        

[![CircleCI](https://circleci.com/gh/cogoo/byond-youtube/tree/master.svg?style=shield)](https://circleci.com/gh/cogoo/byond-youtube/tree/master)

# ByondYoutube

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.8.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Experiment

Tailwind - [(Tailwind)](https://tailwindcss.com/) : A Utility-First CSS Framework

Rendertron [(Rendertron)](https://render-tron.appspot.com/) : Rendertron renders requested pages using Headless Chrome, auto-detecting when your PWA has completed loading and serializes the response back to the original request.

> Experimented with rendertron as an alternative to Angular Universal. The hosted version is not stable for production use, it's advisable to host your own instance

__Twitter Card Validator__:
![alt text][logo]

[logo]: https://github.com/cogoo/byond-youtube/raw/master/src/assets/img/rendertron.png "Twitter Card Validator"

## Extras

Implemented CI / CD with [Circle CI](https://circleci.com/)

Hosting with Firebase [Firebase](https://firebase.google.com/) and using Firebase Cloud Functions to serve the app

## To-Do

- Add page transition effect
- Show related videos in player screen
- Have auto-play feature on video player screen
- Write more useful unit tests
- Write some e2e tests
- Host my own instance of rendertron