Before starting make sure your development environment is properly set. See Volto Developer Documentation
-
Make sure you have installed
yo
,@plone/generator-volto
andmrs.developer
$ npm install -g yo $ npm install -g @plone/generator-volto $ npm install -g mrs.developer
-
Create new volto app
$ yo @plone/volto my-volto-project --addon @rohberg/volto-accordion-block $ cd my-volto-project
-
Add the following to
mrs.developer.json
:{ "volto-accordion-block": { "url": "https://github.com/rohberg/volto-accordion-block.git", "package": "@rohberg/volto-accordion-block", "branch": "develop", "path": "src" } }
-
Install
$ yarn develop $ yarn
-
Start backend
$ docker run -d --name plone -p 8080:8080 -e SITE=Plone plone
...wait for backend to setup and start -
Ready to handle requests
:$ docker logs -f plone
...you can also check http://localhost:8080/Plone
-
Start frontend
$ yarn start
-
Go to http://localhost:3000
-
Happy hacking!
$ cd src/addons/volto-accordion-block/