Step 1: Install itsa-cli

First, you need to install itsa-cli on your system globally. With this cli, you can create new applications:

npm install -g itsa-cli

Step 2: Create a new web-application

Create a new web-application anywhere on your local system. From the console, type:

itsa create appname

appname will become a new folder with the appropriate files.

Step 3: Check if everything is working

Because the installation comes with a default skelleton, you can check if the Hello World! app is working.

npm run watch

As soon as the message Server running development at port: 3001 appears, you can open a browser and visit http://localhost:3001. The Hello World! app should come up.

Now, you can start right away building your application. But before you do, you might want to finetune the webapp’s configuration-file.

Created folder structure

The folder structure of your application will have the next skelleton:

"Appname"		<—root-folder of your webapplication

	————	build		<—automaticly built files

	————	node_modules		<—node.js system folder

	————	src		<—project source files

			———————	actions	<—action files
				—example.js

			———————	assets	<—project assets

				—————————	css
					—index.scss
					—information.scss
					—common.scss

				—————————	images
					—transparent-1px.gif
				—favicon.ico

			———————	authentication	<—authentication handling
				—validate.js

			———————	client-modules	<—modules for client side only
				—test.jsx

			———————	languages	<—json language files
				—en.json

			———————	markdowns	<—markdown language files

				—————————	en
					—information.md

			———————	models	<—project source files
				—information.js

			———————	pagetitles	<—language page-titles
				—en.json

			———————	server-modules	<—modules for server side only

			———————	views	<—app views (pages)
				—index.jsx
				—information.jsx

		—app.js
		—manifest.json
		—model-general.js
		—modules-general.js
		—page-template.jsx
		—routes.js

	—.babelrc
	—.cookierc
	—.eslintrc
	—.gitignore
	—.npmignore
	—.nvmrc
	—.stylelintrc
	—.travis.yml
	—cdn-cleanup.js
	—cdn-deploy.js
	—CHANGELOG.md
	—gulpfile.js
	—package-lock.json
	—package.json
	—postcss.config.js
	—server.js
	—webpack.config.chunks.js
	—webpack.config.static.js
	—webpack.config.views.js

Installation

Step 1: Install itsa-cli

Step 2: Create a new web-application

Step 3: Check if everything is working

Created folder structure