Building websites with TYPO3 Neos
1 like1,882 views
TYPO3 Neos is an open source content management system built on TYPO3 Flow. It uses a component-based architecture and supports features like Model-View-Controller, dependency injection, internationalization and localization. Websites can be built with Neos by creating node types and content elements, and configuring them using TypoScript and EEL expressions. The Neos command line interface allows managing domains, sites, workspaces and more.
![Custom Content Elements
http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/CustomContentElements.html
A "Carousel" content element that renders "Image" child nodes into a JavaScript based slideshow :
'TYPO3.NeosDemoTypo3Org:Carousel':
superTypes: ['TYPO3.Neos:Content']
childNodes:
carouselItems:
type: 'TYPO3.Neos:ContentCollection'
ui:
label: 'Carousel'
group: 'plugins'
icon: 'icon-picture'
inlineEditable: TRUE](https://image.slidesharecdn.com/typo3neos-150219175411-conversion-gate02/85/Building-websites-with-TYPO3-Neos-10-320.jpg)
![Fizzle
CSS-like selectors
http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/EelFlowQuery.
html#fizzle
baz[foo]
baz[answer = 42]
baz[foo = "Bar"]
baz[foo = 'Bar']
baz[foo != "Bar"]
baz[foo ^= "Bar"]
baz[foo $= "Bar"]
baz[foo *= "Bar"]](https://image.slidesharecdn.com/typo3neos-150219175411-conversion-gate02/85/Building-websites-with-TYPO3-Neos-15-320.jpg)
Building websites with TYPO3 Neos
- 1. Building websites with TYPO3 Neos /dev/var/8 Fedir RYKHTIK, @FedirFR
- 2. Fedir RYKHTIK @FedirFr TYPO3Con speaker TYPO3CAMP Toulon organizer TYPO3 Certified Hello !
- 3. demo let’s see it in action
- 5. Free TYPO3 Neos Demo platform https://launchr.com/typo3-neos Live Demo on Launchr
- 7. Everything is TYPO3 FLOW package, ... even TYPO3 Neos ! It means : Model-View-Controller Property Mapping & Validation (No) Configuration HTTP Support Resource Management Dependency Injection Aspect-Oriented Programming Fluid Templating Domain-Driven Design Security Session Handling Command Line Internationalization & Localization Error & Exception Handling Test-driven development Speed & Performance Packages
- 10. Custom Content Elements http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/CustomContentElements.html A "Carousel" content element that renders "Image" child nodes into a JavaScript based slideshow : 'TYPO3.NeosDemoTypo3Org:Carousel': superTypes: ['TYPO3.Neos:Content'] childNodes: carouselItems: type: 'TYPO3.Neos:ContentCollection' ui: label: 'Carousel' group: 'plugins' icon: 'icon-picture' inlineEditable: TRUE
- 11. TypoScript is fundamentally a hierarchical, prototype based processing language to define TYPO3 Neos site structure. TypoScript
- 12. TypoScript example my { image = Image image.width = 200 } myObject = Menu { @if.1 = ${q(node).property('showMenu') == true} } # results in the menu object only being evaluated if the node's showMenu property is ``true``
- 13. Embedded Expression Language (Eel) for TypoScript http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/EelFlowQuery. html#eel-embedded-expression-language Eel ${foo.bar} // Traversal ${foo.bar()} // Method call ${foo.bar().baz()} // Chained method call ${foo.bar("arg1", true, 42)} // Method call with arguments ${foo.bar(12+18.5, foo == bar)}
- 15. Fizzle CSS-like selectors http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/EelFlowQuery. html#fizzle baz[foo] baz[answer = 42] baz[foo = "Bar"] baz[foo = 'Bar'] baz[foo != "Bar"] baz[foo ^= "Bar"] baz[foo $= "Bar"] baz[foo *= "Bar"]
- 16. Command line interface (CLI) http://docs.typo3. org/neos/TYPO3NeosDocumentation/Appendixes/Co mmandReference.htmltypo3.neos:domain:list typo3.neos:domain:add¶ typo3.neos:site:list¶ typo3.neos:site:export¶ typo3.neos:site:import typo3.neos:user:list typo3.neos:user:create typo3.neos:user:addrole typo3.neos:workspace:list¶ typo3.neos:workspace:publish¶ typo3.neos:workspace:discard
- 19. Requirements LAMP server, PHP 5.3+ Composer curl -s https://getcomposer.org/installer | php Install requirements
- 20. Install TYPO3 Neos Init site cd /your/htdocs/ php /path/to/composer.phar create-project typo3/neos-base-distribution TYPO3-Neos Configure permissions sudo ./flow core:setfilepermissions your-cli-user www-data www-data
- 21. Configure your vhost <VirtualHost *:80> DocumentRoot "/your/htdocs/TYPO3-Neos/Web/" #SetEnv FLOW_CONTEXT Production ServerName neos.demo </VirtualHost>
- 22. Create the Database Create UTF-8 compatible database for Your site
- 23. Run installation wizard Go to yoursite.com/setup Follow proposed steps and install Your first TYPO3 Neos installation * If something doesn’t work on this step, Tweet me, probably I could make an advice :)
- 24. Integration The best schema is : ● Practice to hack default distribution ● Create blank site ● Import selected elements from default distribution (content, node types) ● Make Your own elements (content, node types) ● Have fun =)
- 25. Summary TYPO3 Neos ● Open Source ● Modern ● Elegant ● Very Usable ● Functional ● Good code ● Free ● Configurable ● Documented ● Interesting ● Decisive ● Fast
- 26. References General ● http://neos.typo3.org/ ● http://three-lines-of-code.com/basic-typo3-flow-and-typo3-neos-resources/ ● http://www.lobacher.de/files/neos/TYPO3-Neos-1.0.2-Kompendium-Patrick-Lobacher.pdf ● http://www.roodlicht.com/typo3-neos-or-typo3-cms/3364?lang=en ● http://goo.gl/jgui7w Official documentation ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/GettingStarted/Index.html ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/GettingStarted/Installation.html ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/Index.html ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorsCookbook/Index.html ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/DeveloperGuide/Index.html ● http://docs.typo3.org/neos/TYPO3NeosDocumentation/Appendixes/Index.html Blogs ● https://learn-neos.com/blog.html ● http://dimaip.github.io/ Github goodies ● https://github.com/tlayh/vagrant-typo3neos ● https://github.com/ryzy/vc-typo3-neos ● https://github.com/lelesys ● https://github.com/sfi-ru Demo ● https://launchr.com/typo3-neos