elyface / elyface-ssr

A react and Nextjs based, search-indexed SSR boilerplate and starter kits for publishers and news websites integrated with Blupoint CMS.

ElyFace React Frontend Project

storybook

http://elluga.xyz/ or http://storybook-haberiyakala.netlify.com

---

UAT

https://dev-haberiyakala.netlify.com/

elyface-ssr's Issues

Add unit test for Card Component

Add unit test for SearchForm Component

NextJS Icon Entegrasyonu

Storybook için webpack entegrasyonları yapıldı. Storybook ve ssr projesinin webpack ayarları farklı olduğu için nextjs için de webpack ayarı yapıp test etmek gerekecek.

storybook fontawesome implementation

Request Config and test for dataset

Haber detayı - GetContent entegrasyonu

Link komponentine tıklandığında. activeContent global state e yazılabilir. Detay sayfasına gidildiğinde activeContent üzerinden request atılabilir. Infınite scroll ve google amp entegrasyonu unutulmamalı.

JSON Mock Data

Örnek JSON dataları buradan oluşturabiliriz.

API Incelemesi

API response verilerini burada inceleyip tartışabiliriz.

MainPage: Manşet

Eksik datasetler

Eksik datasetler

• Galeri #109
• Menü Linkleri #113
• Kategoriler (footer) #112
• Hızlı Menü (footer) #111
• Emlak #114
• Öne Çıkanlar #110
• Seyahat #115
• Magazin
• Sağlık
• Eğitim

Static ler build edilmiyor

stiller chunk js içerisinde mapleniyor slide__title:"Lyp9v9Y9

yine chunk css içerisinde stiller işleniyor.

.Lyp9v9Y9 {
  background-color: #ffa200;
  left: 0px;
  padding: 15px;
  text-align: left;
  display: block;
  color: #282841; }

class isimleri derlenmiş HTML içinde maplenmemiş. Lyp9v9Y9 değişslide__title olarak duruyor. view source olarak girilip class arandığında maplenmiş olarak değil sass içinde verilen isimlendirmesiyle duruyor.

MainPage: Seo Haberleri

MainPage: Ekonomi

Add Unit test for Card Manager

SSL-Netlify-Storybook: CORS işlemlerinin bloklanması

Storybook üzerinde test ettiğimiz cors işlemlerinde bu hatayı alıyoruz. blocked:mixed-content

Kategori Kırılım Oluşturma

Kategori, dizin gibi ayrıştırılabilir kırılımlara gitmek gerekiyor frontend tarafında ayrıştırma yapabilmek için.

Blue Point CMS İçerik Örnek

İçerik ID - JSON Örneği

"_id": "5c5ee0bd17ff6d0007030d71",
"domain_id": "5c4984af5a4da10008e77628",
"base_type": "content",
"type": "haber_ekleme",
"start_date": "2019-02-09T14:16:29.124000Z",
"title": "Yalçın Menteş son yolculuğuna uğurlandı",
"description": "Yalçın Menteş ölüm haberi",
"status": "active",
"path": "/",
"url": "/yalcin-mentes-son-yolculuguna-ugurlandi-17",
"template_id": null,
"membership_id": "sadece_haber",
"sys": {
"created_at": "2019-02-09T14:16:29.822000Z",
"created_by": "sadece_haber",
"modified_at": "2019-02-09T14:19:10.506000Z",
"modified_by": "sadece_haber",
"collection": "published_contents",
"version": 2,
"cid": 1958,
"domain_cid": 17,
"synchronized_at": "2019-02-09T14:19:20.684000Z",
"published_at": "2019-02-09T14:19:20.739000Z",
"published_version": 2,
"published_by": "sadece_haber",
"first_published_at": "2019-02-09T14:19:20.763000Z",
"first_published_by": "sadece_haber"

MainPage: Teknoloji

MainPage: Manşet Altı

UAT ve storybook domain entegrasyonu

Storybook ve SSR projesi için alakasız domain isimleri kullanıyoruz. Mümkünse kendi subdomainlerimize entegre edebiliriz.

Add unit test for LinkButton Component

Add unit test for Moment Component

Fix Card Manager (knobs-error)

• Proplar stroybook ta değiştiğinde otomatik re-render olmuyor.
• Response error döndüğünde dahi loading... devam ediyor. Try-catch veya errorkullan.

Add unit test for Navigation Component

Carousel Unit Tests

Anasayfa Planı

MainPage: Sağ Manşet

optimize: use date-fns instead of moment

MainPage: Galeri

Dataset bekleniyor...
#79 #109

MainPage: Footer

Add unit test for Icon Component

Add unit test for Image Component

Add unit test for Logo Component

MainPage: Dünya

Dataset reklam testleri

Dataset response u olarak json içerisinde gelecek olan reklamlar test edilmedi. haber içerik modelimiz ile aynı değillerse geliştirilmesi gerekiyor.

Google DFP - React Entegrasyonu

Bu konu biraz çetrefilli. Bunu buradan tartışmak, bağlantıları paylaşmak daha uygun olacak.
#80

MainPage: Header

Testing all datasets

All datasets need to be tested it is working...

MainPage: Çok Okunanlar

Google AMP - Nextjs entegrasyonu

Google AMP ile ilgili olarak daha önce yaşadığımız problemleri buradan konuşabiliriz.

MainPage: Sür Manşet

Fix linkbutton type property

Header ve Sayfalama için SEO ayarları

Seo ayarları ve geliştirme standartları belirlemek için API sonuçlarını bekliyoruz. Ancak yine de her sayfada header kısmında bulunması gereken tag leri belirlemek lazım.

Standartlarımızı buradan tartışabiliriz.

Örnek Plugin

MainPage: Yaşam

infinity scroll / router link (detay sayfası) komponenti

Bazı örnek komponentler mevcut. Bunları uyarlayabilir miyiz değerlendirmek lazım.

https://www.npmjs.com/package/react-infinite-scroller
https://www.npmjs.com/package/react-infinite-scroll-component

Add unit test for Header Template

MainPage: Siyaset

MainPage: Gündem

Request utility for news detail

Cards Template

Cards Template

a template component that wraps card component. Takes an array to create cards as its number of the items of the array.

props

• data: array,
  • items of the array
• flex: string,
  • horizontal or vertical
• bg: string
  • A custom background hex color
• gallery : bool
  • for gallery icon
• textColor: string
  • custom hex color of Card.Title
• fontSize: string
  • If you want to override font size that come from type prop use this