logo

Plone Documentation v6.0
  • Overview
  • Install
    • Containers
      • Official Images
        • plone/plone-backend
        • plone/plone-frontend
        • plone/plone-zeo
      • Examples of Plone 6 using containers
        • nginx, Frontend, Backend container example
        • nginx, Frontend, Backend, ZEO container example
        • nginx, Frontend, Backend, PostgreSQL container example
        • nginx, Plone Classic container example
        • HAProxy, Backend, ZEO container example
    • Install Plone from its packages
    • Manage add-ons and packages
  • Upgrade guide
  • Deployment
    • Provisioning
    • Scaling
    • Backup and Restore
  • Frontend
    • Introduction
      • Getting Started
      • Developer roadmap
      • Other learning resources
    • Configuration
      • The configuration registry
      • Settings reference guide
      • Experimental features
      • Zero configuration builds
      • Component Registry
      • Internal proxy to content backend API
      • Backend configuration
      • Dynamic Volto Addons Configuration
      • volto-slate
        • volto-slate API
        • Editor Configuration
        • How to write a Slate editor plugin
      • Multilingual
      • Working copy support
      • Environment variables
      • API expanders
      • Locking support
    • Theming
      • About Semantic UI
      • Semantic UI Theming
      • How does the theming engine work?
      • Theming Strategy
      • Custom Styling
      • Using third party libraries and themes other than semantic-ui
    • Development recipes
      • Creating a new Volto project
      • Folder structure
      • How to use environment variables
      • Customizing Components
      • Customizing Volto Views
      • Creating Volto Views
      • Internationalization
      • Custom Express middleware
      • Lazy loading
      • AppExtras component
      • Context navigation component
      • Pluggables framework
      • Forms and widgets
      • Legacy Browser Support (IE11 compatibility)
    • Blocks
      • Blocks Introduction
      • Blocks anatomy
      • Blocks settings
      • Blocks - Edit components
      • Blocks - Style Wrapper
      • Block extensions mechanism
      • Server-side rendering for async blocks
    • Volto add-ons
      • Add-on Internationalization
      • Best practices for add-ons
    • Integration with the backend
    • Deploying
      • Simple deployment
      • Deployment using a node process manager (PM2)
      • Seamless mode
      • Apache
      • Integration with Sentry
      • critical.css (above the fold) optimizations
    • Upgrade Guide
    • Developer guidelines
      • Contributing to Volto
      • Design principles
      • Style Guide
      • Language features and conventions
      • Linting
      • React
      • Redux
      • Routing
      • Icons
      • Testing
      • Acceptance testing
      • Accessibility guidelines
      • TypeScript
      • Volto Core add-ons
    • User Manual
      • Edit content using blocks
    • Volto Release Notes
  • REST API
    • Introduction
    • Usage
      • Authentication
      • Batching
      • Content Manipulation
      • Customizing the API
      • Explore the API using Postman
      • i18n: internationalization of screen messages
      • Serialization
      • Sharing
      • Types Schema
      • Volto Blocks support
    • Endpoints
      • Add-ons
      • Aliases
      • Breadcrumbs
      • Comments
      • Content Types
      • Content Rules
      • Context Navigation
      • Control Panels
      • Copy and Move
      • Database
      • Email Notification
      • Email Send
      • Expansion
      • Groups
      • History
      • Link Integrity
      • Locking
      • Navigation
      • Portal Actions
      • Portraits
      • Principals
      • Querystring
      • Querystring Search
      • Registry
      • Roles
      • Search
      • System
      • Tiles
      • Transactions
      • Translations
      • TUS resumable upload
      • Types
      • Upgrade
      • Users
      • User schema
      • Vocabularies and Sources
      • Workflow
      • Working Copy
    • Upgrade Guide
    • Contributing to plone.restapi
      • Conventions
    • HTTP Status Codes
    • Glossary
  • Backend
    • Configuration Registry
    • Control panels
    • Content Types
    • Behaviors
    • Annotations
    • Vocabularies
    • Fields
    • Relations
    • Widgets
    • Global utils and helpers
    • Portal Actions
    • Users and Groups
    • Security
    • Traversal and Acquisition
    • Workflows
    • Search
    • Indexing
    • ZODB
    • plone.api
      • About
      • Portal
      • Content
      • Users
      • Groups
      • Environment
      • Relations
      • API methods and descriptions
        • plone.api.portal
        • plone.api.content
        • plone.api.user
        • plone.api.group
        • plone.api.env
        • plone.api.relation
        • plone.api.exc
      • Contributing to plone.api
        • Development environment
    • Sending Email
    • Plone Upgrade Guide
      • Introduction
      • Preparations
      • Upgrade add-on products
      • Troubleshooting an upgrade
      • Version-specific migration procedures and tips
        • Upgrading Plone 4.x to 5.0
        • Upgrade a custom add-on to Plone 5.0
        • Upgrading Plone 5 within 5.x.x series
        • Upgrading Plone 5.0 to 5.1
        • Upgrade a custom add-on to Plone 5.1
        • Upgrading Plone 5.1 to 5.2
        • Migrating Plone 5.2 to Python 3
        • Migrate a ZODB from Python 2.7 to Python 3
        • Upgrading Plone 5.2 to 6.0
        • Migrating from Plone Classic UI to Volto
  • Classic UI
    • Cross-Site Request Forgery (CSRF)
    • Forms
    • Icons
    • Image handling
    • Layers
    • Portlets
    • Recipes
    • Static resources
    • Template global variables
    • Templates
    • Theming of Classic UI
      • Classic UI theming based on Barceloneta
      • Classic UI theming with Diazo
      • Classic UI theming from scratch
      • Through-the-web (TTW) theme customization
    • Viewlets
    • Views
    • What's new in Plone 6 Classic UI
  • Internationalization and Localization
    • Translating text strings
    • Language negotiation
    • Translating content
    • Contributing Plone Core Translations
    • Resync translations
  • Contributing to Documentation
    • Building and checking the quality of documentation
    • General Guide to Writing Documentation
    • Authors Guide
    • Administrators Guide

Appendices

  • Glossary

plone.org plone.org

Development recipes – Frontend
  • repository
  • open issue
  • suggest edit
  • .md

Development recipes

Development recipes#

  • Creating a new Volto project
  • Folder structure
  • How to use environment variables
  • Customizing Components
  • Customizing Volto Views
  • Creating Volto Views
  • Internationalization
  • Custom Express middleware
  • Lazy loading
  • AppExtras component
  • Context navigation component
  • Pluggables framework
  • Forms and widgets
  • Legacy Browser Support (IE11 compatibility)

previous

Using third party libraries and themes other than semantic-ui

next

Creating a new Volto project

By the Plone community
© Copyright Plone Foundation.

The text and illustrations in this website are licensed by the Plone Foundation under a Creative Commons Attribution 4.0 International license. Plone and the Plone® logo are registered trademarks of the Plone Foundation, registered in the United States and other countries. For guidelines on the permitted uses of the Plone trademarks, see https://plone.org/foundation/logo. All other trademarks are owned by their respective owners.

Deploys by Netlify