Awesome

NSW Design System Plone 6 starter kit

The NSW Design System Plone 6 starter kit is an all-in-one solution to quickly get you started with a fully NSW Gov Branding complaint site using the latest v3 version of the NSW Design System and the flexibility and security of Plone 6.

Plone 6 NSW Design System Demo.

Plone 6 is build for...

Design Systems

• The Volto Component based editor let's you add any design system components WYSIWYG
• Simple intuitive modern UI means no editor training
• Design system guidance built in so compliance is assured
• Multi-column content that will automatically adapt to any device.
• Try the Plone 6 Editor now.

Content governance

• Built with large organisations in mind with groups, delegation, fine grained permissions and customisable workflows
• Draft support let's you review changes to existing content before it goes live while preserving history
• Tagging, related items, faceted navigation let you organise content without coding
• No code Content rules, content types and layouts help enforce your content policies
• Multilingual builtin

Security

• Plone is trusted by CIA, FBI and Governments worldwide
• Plone's Security track record is over 20years and no major known security breaches
• Built on Python and No-SQL, a secure base with an excellent security track record
• Password strength, attempt lockouts, SSO and MFA available via plugins

Speed

• Fast page loads with React based rendering means both search engines and users find information more quickly
• “For every extra second it takes your site to load, conversion rates drop by an average of 4.42% (Portent, 2019)”
• Create content quicker with The Volto Component based editor

Search

• Best-in-class relevant results using ElasticSearch
• Custom WYSIWYG search/listing page builder with DnD filters
• Automatic keyword highlighting in results
• Finds results in PDF, Word and other document formats uploaded to your site
• Suggested search terms to improve results

Developers

• Modern React with a mature decoupled CMS makes adding custom functionality fast and cost effective
• No code content types, content rules, forms, workflow reduce coding required to zero means you can save developer budget and get services up quicker

Openness

• No single company who can cancel your IT investment with a single decision. Plone is a true cooperative.
• No hidden paid features. Enterprise grade search with custom search page builders, form builders, SEO optimisation, Workflow... all free.
• Large community of integrators and an ecosystem of plugins available for free

Why upgrade from Plone 5

For the latest in Security Protection

Includes security patch support for 2 major versions and replacing unsupported Python 2.7 with Python 3.10 makes maintaining Plone 6 solutions easy. As a decoupled CMS, Plone 6 has best in class protection against DDOS attacks and continues to beat other CMS such as Drupal in terms of security.

Modern docker based deployment makes security and maintenance simpler.

For the best in breed editing experience

The Volto Component based editor makes for a snappy intuitive content creation process.

Why use the NSW Design System v3

A NSW government agency can comply to the NSW Government Branding with using the Design system but doing so provides many benefits

Quicker Branding Compliance

Using a tool-kit like the NSW Design System Plone 6 starter kit is one of the fastest ways to comply to the NSW Gov Branding guidelines

Accessibility at WCAG 2.1 AA

Good implementations of the NSW Design System will inherit WCAG 2.1 AA Compliance.

Components at your finger tips, Masterbrand to Independent

The NSW Design System has been battle tested and refined to only give ways to express many different kinds of information but to express it well.

From Masterbrand to full Independent NSW Gov entity, using the NSW Gov Design System your users benefit from consistent and well designed forms and visual components. NSW Design System Plone 6 starter kit has full support for Independent, co-brand and Endorsed in addition to Masterbrand sites.

Support & Contributing

For more information on Plone, visit plone.org or reach out to the Plone community.

Feel free to open a GitHub issue for any bug reports, feature requests or question about hosting. We welcome any and all community contributions and feedback! A contributing guide is in-progress, but highly encourage you to open an issue or get in touch. Support for hosting can be found by our contributors.

Supported features

Completed

• Accordion
• Breadcrumbs
• Callout
• Cards
• Content blocks
• Filters
• Footer
• Header
• Hero banner
• Images
• In-page alert
• In-page navigation
• List items
• Link list
• Main navigation
• Masthead
• Results bar
• Search
• Sections
• Videos

In progress

• Buttons
• Dialog
• Global alert
• Hero search
• Pagination
• Progress Indicator
• Side navigation
• Step
• Tables
• Tabs
• Tags

Getting started

The starter kit is formed of two parts a REST API backend and a React frontend. See the corresponding sections below for more details.

To get started with the starter kit, view the demo or download the starter kit and run make start to try it locally.

To get started, ensure that the following dependencies are installed:

• yarn
• docker
• python

Create a site

1. Run make start to bootstrap and start both the backend and frontend.
2. Visit localhost:8080 and create a site with an id of Plone (default). The default username and password are admin.
3. Visit localhost:3000 to view your new site!

Frontend

The starter kit frontend is made of two parts: volto and the NSW Design System addon.

Versions

The frontend was created using the latest volto version at the time of writing, 16.0.0-alpha.22. The frontend was bootstrapped with the Plone6 yeoman generator. See https://6.dev-docs.plone.org/volto/getting-started/install.html#install-volto for more info on created your own frontend.

Backend

• Currently using Plone 6.0.0b1
• Using buildout to create a backend. See Install a Plone backend locally without Docker in the Plone manual for more information on how this works.
• Is using mr.developer to install some addons with git. Development sections are marked in the buildout config file, buildout.cfg.

Contributors

PretaGov

PretaGov provide powerful content management systems, intranets, file sharing and collaboration solutions. Having worked with hundreds of public and private sector companies across Australia, PretaGov takes pride in offering strong security, privacy and accessibility compliance in all it's hosting and customisation services. PretaGov can be found on the buy.nsw service panel and more information about their products can be found on the PretaGov website.