How Will You Be Coding?

Depending on which area of the Project code you want to use, there are different ways for approaching the code.

HTML + (S)CSS + (JS)

If you only need to work in HTML, CSS, and maybe small bits of JavaScript, you can start working in Storybook and finalize the JavaScript inside your Git Repository. A Storybook configuration is already shipped with Frontastic. All you need is a running Node.js environment and Yarn, then you can open your project directory in a shell and run:

$ yarn run storybook

This will startup Storybook and you're ready to go.

Storybook will only guide you in reaching the borders of Frontastic integration. If you need to cross these borders - typically for integrating your code into a Tastic - you need to proceed to the next step.

JS (Tastic Development)

While much work can be done entirely outside of Frontastic, the actual integration with Frontastic requires a running "backend for frontend" in your local development environment. This is realized by the Frontastic Virtual Machine (VM).

To get access, you'll need to install the below locally:
  • VirtualBox (version 5 or later) or Docker
  • Vagrant (see Vagrantfile for the exact required version, Vagrant will refuse to run if you have not at least the required version)
  • One of the following file synchronization mechanisms:
    • NFS Server (Linux, Mac OS)
    • IDE that supports file sync

Then you'll need to set it all up, the next article will show you how to do this.

‹ Back to Article List

Next Article ›

Virtual Machine (VM)

Still need help? Contact Us Contact Us