Installation

1. Download the template

1. Go to the marketplace or download page where you purchased the Sifo template.
2. Download the ZIP file for the project.
3. Extract the ZIP into a folder on your computer, for example:

CopyC:\Users\your-name\Documents\Sifo

You will see folders such as app, config, public, and files like package.json.

2. Open the project in Visual Studio Code

1. Open Visual Studio Code.
2. Click File → Open Folder….
3. Select the folder where you extracted the template (for example Sifo) and click Open.

You should now see the project files in the Explorer panel on the left.

3. Install dependencies

Inside Visual Studio Code:

1. Open the terminal:
   • Click View → Terminal, or press Ctrl+J (Windows) or Cmd+J (macOS).
2. Make sure the terminal path ends with your project folder (for example .../Sifo).
3. Run this command:

Copynpm install

This downloads and installs all the libraries the project needs.

This step can take a few minutes the first time. You only need to do it once after downloading the template.

4. Start the development server

In the same terminal, run:

Copynpm run dev

You should see a message similar to:

Copyready - started server on http://localhost:3000

5. Open the website in your browser

1. Open your browser (Chrome, Edge, Firefox, etc.).
2. Go to:

Copyhttp://localhost:3000

You will see the Sifo website running locally on your machine.

Whenever you edit configuration files or page content, the browser will automatically refresh and show your changes.

6. Stop the server when you finish

When you are done working:

1. Go back to the terminal where npm run dev is running.
2. Press Ctrl+C.
3. If asked Terminate batch job (Y/N)?, type Y and press Enter.

You can start the server again at any time by running npm run dev inside the project folder.