Skip to content

Latest commit

 

History

History
66 lines (37 loc) · 3.76 KB

readme.prepackaged.mdown

File metadata and controls

66 lines (37 loc) · 3.76 KB

Scrivito Example App JS

CMS: Scrivito License: MIT Travis build status GitHub last commit GitHub top language

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.

Features

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.

Getting Started

Install/check prerequisites

Make sure that you have node ≥ 18.0 installed.

node -v
# should output something like v18.17.0

Install dependencies

Now simply call npm install in the command line to install all JS dependencies (which are placed in the folder node_modules/).

How to develop

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.

Your first change

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!

How to build/compile

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.

Github

This package reflects the latest version of the github repository: https://github.com/scrivito/scrivito_example_app_js.

Documentation

Comprehensive documentation is available at scrivito.com/documentation. Feel free to reach out to us if you have any questions.