How to build ez Platform websites using Netgen opensource components

Size: px

Start display at page:

Download "How to build ez Platform websites using Netgen opensource components"

Winifred Lewis
5 years ago
Views:

1 How to build ez Platform websites using Netgen opensource components part two

2 Intro what is Netgen Media Site? skeleton base for since 2014 from simple sites to sites with tens of millions of page views per month

3 Overview PHP > 7.1 Symfony > 3.4 Twig ez Platform 2.2

4 Installation PHP, database, web server, etc clone composer install yarn install yarn build:dev bin/console ezplatform:install netgen-media

5 Project generation nobody wants project to be called demo bin/console ngmore:generate:project transforms Media Site to Client\Project structure

6 Project structure - admin built in content types predefined content structure predefined media structure Layouts

7 Project structure - code built in view type templates predefined config files easy way of adding new ones just follow the convention conventions

8 Site info site wide configuration object editor friendly no yaml files ngmore.siteinfocontent ngmore.siteinfolocation

9 Topics flat content structure filtering based on tags

10 Menu building Site info object Menu item content type KnpMenu

11 Related multimedia image, relation list and children ng_video, ng_image, ng_gallery

12 Site search built in SearchController special view type search

13 Error pages error pages are like opinions, everybody has one :) prebuilt error templates easy way of adding new ones testable on /_error/{error_code}

14 User register supports complete user register cycle based on legacy database tables registration confirmation password reset extendable

15 Helpers PathHelper MailHelper SiteInfoHelper

16 Cool commands ngmore:content:update-publish-date ngmore:database:dump ngmore:generate:project ngmore:symlink:legacy ngmore:symlink:project

17 Included bundles and libraries NetgenRemoteMediaBundle NetgenOpenGraphBundle TagsBundle NetgenInformationCollectionBundle SentryBundle and HttplugBundle javascript-cookie-control

18 NetgenRemoteMediaBundle field type which supports remote resource providers, currently only Cloudinary support for images, videos, documents, and other files upload image cropping/format editor seamlessly integrated into ez administration easy display of the same image in different formats (image variations, eg. image alias in ezimage)

19 NetgenRemoteMediaBundle less server space needed (all files on Cloudinary) files are served from multiple CDN servers makes development easier - no syncing of storage directories between environments less CPU used (no image transformation process locally)

20 NetgenRemoteMediaBundle

21 NetgenRemoteMediaBundle

22 NetgenRemoteMediaBundle

23 NetgenOpenGraphBundle allows simple integration with Open Graph protocol uses Content object which is currently displayed to generate Open Graph meta tags according to configuration

24 TagsBundle does need no introduction do we need to say anything about this one? :) probably most wide used community bundle

25 NetgenInformationCollectionBundle information collection alike feature for ez Publish 5/eZ Platform standalone admin interface GDPR compliant

26 SentryBundle monitoring and error tracking

27 HttplugBundle http client abstraction Symfony toolbar integration

28 javascript-cookie-control reusable JS plugin for managing cookie popup npm

29 Frontend stack boostrap4 templates (completely responsive) using yarn for dependency management yarn install webpack-encore as module bundler yarn build:dev yarn build:prod yarn watch or yarn server

30 Production mode Varnish link production.htaccess SYMFONY_ENV=prod composer install no-dev -o

31 Future improvements Structured Data Google AMP Facebook Instant Articles corporate-site ecommerce-site (with Sylius integrated)

Accelerated Mobile Pages v1.x Configuration for Magento 1 From Plumrocket Documentation

Accelerated Mobile Pages v1.x Configuration for Magento 1 From Plumrocket Documentation Contents 1. Configuring Accelerated Mobile Pages 2. AMP Home Page Configuration 2.1. Setting AMP Category Images