logo
Get in touch

Introduction

Welcome to the documentation for the Sifo hosting template. This guide is written for non‑developers and explains, step by step, how to use and customize the template.

This documentation will help you go from zero technical knowledge to having a fully customized version of the Sifo website running for your hosting brand.

You do not need to know how to code. You will only:

  • Edit simple configuration files (lists, texts, and numbers)
  • Replace images such as logos and backgrounds
  • Run a few copy‑paste commands in the terminal

If you can edit a Word document and move files in a folder, you can follow this guide.

What this template is

Sifo is a modern website built with Next.js (a website framework). You can think of it as a ready‑made website where:

  • All pages (Home, About, Hardware, Careers, FAQ, Contact, Legal, etc.) are already designed
  • All content (texts, titles, and descriptions) is stored in translation files
  • All sections (hero, features, games, hardware, careers, testimonials…) are controlled through configuration files inside the config folder
  • The website supports multiple languages using the config/messages/*.json files

You will use this documentation to:

  • Install the template on your computer
  • Understand the folder structure
  • Configure global branding (colors, logo, fonts)
  • Configure each page (content, sections, and links)
  • Manage translations and languages
  • Prepare the project for deployment

How the documentation is organized

The docs are split into several sections:

  • Get Started (this section): high‑level overview, requirements, and installation
  • Configuration: how to change branding, navigation, footer, features, games, testimonials, careers, contact, FAQ, hardware, locations, and modes
  • Page Configuration: how each main page is built and how to edit its content
  • Content & Translations: how to edit text in different languages
  • Deployment: how to move from local preview to a production server

You can navigate these sections using the left sidebar in the documentation site. Each page contains screenshots, step‑by‑step instructions, and copy‑paste commands where needed.