Introduction to TYPO3 Neos at Brain Camp Cologne 2014

Introduction to TYPO3 NeosTYPO3 Neos

BrainCamp Cologne 2014

about me

Hrishikesh Lele (in short Hrishi)

Live in Frankfurt, home in Goa, India

GF, Lelesys Informatik GmbH

Support TYPO3 Neos and Flow

In love with German engineering!

@hrishilele | www.lelesys.com

TYPO3 Neos is the next-generation open source content management system made by the TYPO3 community. Neos is based on the PHP framework TYPO3 Flow.

time for live demo

strong foundation

TYPO3 Flow

Enterprise PHP Framework

Product of TYPO3 Community

Use for any kind of web applications

In-place editing

responsive web

features

Preview central

Localization

SEO

Cloud ready

Easily extendable

Media management

sample: FAQ

node type : FAQ

'Lelesys.Plugin.Faq:Question':  superTypes:    - 'TYPO3.Neos:Content'  ui:    label: 'Faq'    group: structure    icon: 'icon-question-sign'    inspector:      groups:        page:          label: Faq  properties:    question:      type: string      translatable: TRUE      defaultValue: 'Enter question here'      ui:        inlineEditable: TRUE

template : FAQ<div class="faq-structure">

<div class="faq-heading"><h5>{question -> f:format.stripTags()}</h5>

</div><div class="faq-detail">

{answer -> f:format.raw()}<br><f:if condition="{node.properties.author}">

<f:then>Author: {node.properties.author} |

</f:then></f:if><f:format.date format="F jS,

Y">{node.properties.datePublished}</f:format.date> <br><f:if condition="{node.properties.relatedLinks}">

<f:then>Related Link: <a

href="{node.properties.relatedLinks}" target="_blank">{node.properties.relatedLinks}</a></f:then>

</f:if></div>

</div>

Typoscript : FAQ

prototype(Lelesys.Plugin.Faq:Question) < prototype(TYPO3.Neos:Content)prototype(Lelesys.Plugin.Faq:Question) {

templatePath = 'resource://Lelesys.Plugin.Faq/Private/Templates/TypoScript/Faq.html'

question = ${q(node).property('question')}answer = ${q(node).property('answer')}

}

http://neos.typo3.org/documentation.html

neos.typo3.org

launchr.com/typo3-neos

@hrishilele

Developer infoPankaj lele @pankajlelePankaj lele @pankajlele

Questions?

Thank you!Thank you!Thank you!