Directory structure

In this article, we look into the directory structure of the downloaded package. The default directory structure is intended to provide a great starting point for both large and small applications. Of course, you are free to organize your application however you like.

Root directory

Once downloaded, unzip the compressed folder and you’ll see something like this:

thesaas/
├── starter/
├── theme/
└── v1.5/

Let's see what's inside each directory and what are the pupose of each one.

Starter

It includes starter templates to get started with. This is the place you should choose a starter, copy a directory and start your project with. There's a complete documentation inside a readme.html file for each starter template.

Theme

This directory contains all the files that you see in the online demo. You should use these files to copy codes or files from and develop your own project. Also, it's a documentation and reference for our components.

v1.5

The previous major release of TheSaaS which is included for thousands od customers who has developed their project based on the v1.x.

Assets directory

You can see this folder contains following structure:

assets/
├── css/
├── fonts/
├── img/
├── js/
├── php/
└── plugin/

As you can see, the name of sub-folders represent its responsibility.

css

The css folder contains following files and directory:

• page.css: Unminified version of TheSaaS styles
• page.min.css: Minified version of TheSaaS styles
• style.css: Your custom styles

fonts

The fonts directory contains all files that used in our template. If you want to use local fonts and import them in your css file, you'd better to place your font files inside this folder.

img

This folder houses your image files that you want to use in your template, such as logo, favicon, etc.

js

The js folder contains following files:

• page.js: Unminified version of TheSaaS JavaScripts
• page.min.js: Minified version of TheSaaS JavaScripts
• script.js: Your application configurations and custom JavaScripts

php

This directory contains all the PHP files which is somehow required for functionality of template, such as sending emails for contact us page.

plugin

While we included necessary 3rd party plugins inside core.min.js, but there is some possibilities that you would like to use other plugins in your template. This folder is the place that you should place those plugins inside.