Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/cogoo/bynd-youtube
- Owner: cogoo
- Created: 2018-07-14T22:16:46.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T22:00:28.000Z (over 1 year ago)
- Last Synced: 2023-03-02T17:02:40.454Z (over 1 year ago)
- Topics: angular-universal, angular6, rendertron, youtube
- Language: SCSS
- Homepage: https://rendertron-9324f.firebaseapp.com/
- Size: 1.17 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
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