Adding to existing projects

If you already have a repository or project and you want your templates to live inside that project, then you can follow these steps.

The main benefit of having Flyyer inside your project is being able to reuse your current styles and components.

Install react, react-dom and @flyyer/cli with:

Terminal.app

yarn add react react-domyarn add --dev @flyyer/cli

Add the following scripts to your package.json:

package.json

{  "scripts": {    "flyyer:start": "flyyer start",    "flyyer:build": "flyyer build",    "flyyer:deploy": "flyyer deploy"  },}

Add the following to your .gitignore:

.gitignore

.flyyer-*

Now you can start the development server with:

Terminal.app

yarn run flyyer:start

Install react, react-dom and @flyyer/cli with:

Terminal.app

npm install react react-domnpm install --save-dev @flyyer/cli

Add the following scrips to your package.json:

package.json

{  "scripts": {    "flyyer:start": "flyyer start",    "flyyer:build": "flyyer build",    "flyyer:deploy": "flyyer deploy"  },}

Add the following to your .gitignore:

.gitignore

.flyyer-*

Now you can start the development server with:

Terminal.app

npm run-script flyyer:start

Be aware of the terminal output when running Flyyer in this mode. You are probably going to be asked to install some extra devDependencies.

To use Typescript instead of plain Javascript go to: Typescript.