Scrivito is the world's most secure, serverless JavaScript CMS. Based on ReactJS, it is completely maintenance-free, cost-effective, and has unprecedented security. Learn more about Scrivito at scrivito.com.
This example app shows Scrivito’s features and is a great basis for your own Scrivito website projects.
Scrivito is a SaaS Content Management Service, built for digital agencies and medium to large sized businesses.
It is the only CMS that combines unmatched WYSIWYG usability for editors with maximum flexibility for developers – because it is at the forefront of the current JavaScript web development revolution.
And because Scrivito is 100% serverless, you'll never have to patch your CMS, so it's the most secure and cost-effective solution on the market.
Make sure that you have installed.
node -v
# should output something like v18.17.0
Now simply call npm install
in the command line to install all JS dependencies (which are placed in the folder node_modules/
).
Calling npm start
will start a webserver, which listens to localhost:8080 and opens this URL in your browser. It should also automatically reload the page after changes to the code (in src/
) have been made.
To see development in action, let's change the ButtonWidget
so that it prefixes all buttons with your favorite emoji.
Open up the react component responsible for rendering a ButtonWidget
. It's located at src/Widgets/ButtonWidget/ButtonWidgetComponent.js
. Now look for the Scrivito.LinkTag
and insert
{"🚀 "}
before
{text}<i className="fa fa-angle-right fa-4" aria-hidden="true" />
After saving the file, your browser should automatically reload http://localhost:8080 with your new emoji button. Of course you can choose another emoji, check out emojipedia.org.
Have fun!
Calling npm run build
will compile all JS, HTML and CSS and place it in the build/
folder. It also creates a build.zip
file, which can be deployed via my.scrivito.com.
This package reflects the latest version of the github repository: https://github.com/scrivito/scrivito_example_app_js.
Comprehensive documentation is available at scrivito.com/documentation. Feel free to reach out to us if you have any questions.