A Storyblok theme with liquid and our render service to simply start your website with us.
https://fd28fc23.me.storyblok.com/
https://app.storyblok.com
User: material@dominikangerer.com
Password: material-theme
(please be nice)
If you want a hosting with our Rendering Service so you won't have to setup a server on your own you can directly choose from one of our themes. Checkout the theme documentation to know more about the template syntax.
The most efficient way to start a storyblok project as a developer would be our Command Line Interface.
npm i storyblok-cli -g
storyblok
and choose your theme. You can of course simply download
or clone
this repository as well.
git clone https://github.com/storyblok/material-design-theme
Make sure npm is installed:
## Install all frontend development related dependencies.
npm install
## This will start up a proxy for the render service on :4200.
gulp
- Clone the repository
git clone https://github.com/storyblok/material-design-theme
- Rename
_token.js
totoken.js
and insert your theme token. You can find your theme token in the space settings of the Storyblok app. - Replace INSERT_SPACE_ID with your space id and INSERT_YOUR_DOMAIN with your domain in
config.js
. You can find your space id and domain in the space settings. - Run
npm install
- Run
gulp
- Ready! You can now edit the templates in
views
or defining css in thesource
folder.
/source/
The place where you should put all your scripts, styles source code./views/
All your layouts and components at one space - if you add a new or change an existing Liquid component (.liquid
) the gulp build will trigger an instant reload for you in the browser - also each component is a representation of a storyblok component. If you create a headline component in storyblok - make sure to create aheadline.liquid
as well - so this application knows which component to render.
- https://certsimple.com/blog/localhost-ssl-fix
- Rename
_cert.js
tocert.js
and insert paths to yourkey.pem
andcert.pem
.