> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fimo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Beginner’s Guide

> A simple, step-by-step guide to building your first website with Fimo.

Welcome to Fimo 👋

This guide is for anyone who has **never built a website before**. No coding skills needed, no experience required. We’ll walk you through the basics, what makes a website, how it’s usually managed, and how Fimo makes it all much easier.

***

## What is a website?

A website is like a **digital house**.

* The **rooms** are your pages (Home, About, Contact).
* The **furniture** is the content (text, images, videos).
* The **paint and style** are the design (colors, fonts, layout).

In the past, building a website meant you had to hire builders (developers), painters (designers), and organizers (content managers). Fimo gives you **all of this in one place**, powered by AI.

***

## What is SEO?

SEO stands for **Search Engine Optimization**. It’s how people **find your house on the map** (Google).

* Without SEO: it’s like having a house in the middle of nowhere with no directions.
* With SEO: your site shows up on search engines, so people can visit easily.

Fimo helps you add SEO automatically (titles, descriptions, alt text for images) so your website can be discovered.

***

## What is a CMS?

CMS means **Content Management System**. Think of it as your **bookshelf** where all your text and pictures are neatly stored.

* Instead of searching through messy files, a CMS keeps everything organized.
* You can edit a page’s content (like fixing a typo) without asking a developer.
* You can scale easily, like adding more books to a shelf.

Fimo has a **built-in CMS**. This means every word and image on your site is automatically saved in one place. You can change it anytime without burning AI credits.

***

## What is a media library?

A **media library** is like your **photo album**.

* It keeps all your images, videos, and files in one place.
* You can organize them into folders (like vacation photos vs. work photos).
* You can reuse the same picture across different pages without uploading again.

Fimo’s media library is smart: when you upload an image, Fimo writes a caption and alt text for you to help with SEO.

***

## What is deployment?

Deployment is a fancy word for **publishing your website online**.

Imagine building a house. While you’re working on it, it’s private, only you and your team can enter. Deployment is like **connecting your house to the main road** so people can come visit.

* Your private version (Preview) is your construction site where you can try things safely.
* When you’re ready, you click **Publish**.
* In less than a minute, your site is connected to the world, and anyone with the link can visit.

With Fimo, deployment is **automatic**. No servers to set up, no technical work, just a button.

***

## What is a domain?

A domain is your website’s **street address**.

* Without a domain: it’s like having a house but no address, no one knows how to find you.
* With a domain: people can type something simple like `mybakery.com` into their browser and visit your site.

By default, every Fimo project gets a free address like `myproject.fimo.site`. Later, you can add your own custom domain (like `mybakery.com`) to make it more personal and professional.

***

## What is responsive design?

People visit websites from phones, tablets, and computers. Responsive design means your site **adapts to every screen size**.

Think of it like designing a doorway wide enough for everyone, whether they’re walking, biking, or driving.

Fimo helps you test your site on different devices in the **Responsive Mode**, so you know it looks great everywhere.

***

## Collaboration made easy

Websites are often built as a team. With Fimo, you can **invite others** to your project.

* Some people may just **look around** (viewers).
* Some may **leave comments** (reviewers).
* Others can **make edits** (editors).

It’s like giving out different kinds of **keys to your house**, some unlock only the front door, others let you renovate the kitchen.

***

## History (undo)

Don’t worry about making mistakes, Fimo has a **History** feature. It’s like a **time machine** for your project.

You can go back to a previous version and restore your website if something went wrong. Your work is always safe.

***

## Credits explained

Because Fimo is powered by AI, every time you ask it to **create something new**, credits are used.

* Writing a new page → uses credits.
* Uploading an image (AI generates captions and alt text) → uses credits.
* Fixing a typo in the CMS or swapping an image in the library → **does not** use credits.

Think of credits like **fuel for your car**. Use them for long trips (creating something new), not for moving a chair inside your house (small edits).

***

## Why is Fimo different?

Normally, building a website is complicated:

* Developers write code.
* Designers style everything.
* Editors manage content in a CMS.
* Ops teams set up deployment.

With Fimo:

* **AI builds** your first draft when you write a prompt.
* **Preview** lets you experiment safely.
* **Content tab** organizes your text and images.
* **Assets tab** stores all your media.
* **Code tab** is there if you ever need it.
* **Publish** makes it live.

All in one place. All in plain language.

***

## Real-world parallels

Here’s how you can think about Fimo’s main parts:

* **Preview window** → your **draft sketchbook**, where you can try ideas without risk.
* **Content tab** → your **bookshelf**, holding all your words and images.
* **Assets tab** → your **photo album**, organized with folders.
* **Code tab** → the **toolbox in the garage**, for when you (or a friend who codes) want to tweak.
* **Publish** → sending your book to the **printing press**.
* **Domain** → your **street address** so people can find your house.
* **Responsive design** → making sure your doors fit everyone, no matter their vehicle.
* **History** → your **time machine** to undo mistakes.
* **Credits** → the **fuel** that powers creation.

***

## Step-by-step: your first journey

<Steps>
  <Step title="Imagine your site">
    Think of what your website should do. A shop? A blog? A portfolio? Start with a clear idea.
  </Step>

  <Step title="Write your first prompt">
    In Fimo’s chat, describe your site: *“Make me a homepage for my bakery with a hero section, menu, and contact form.”*
  </Step>

  <Step title="Experiment in Preview">
    Try changes, add pages, or restyle sections. Nothing affects your live site yet.
  </Step>

  <Step title="Edit with the CMS">
    Fix typos, swap text, or update images in the Content and Assets tabs, no credits used.
  </Step>

  <Step title="Publish when ready">
    Click **Publish**. In under a minute, your website is live at your Fimo domain.
  </Step>
</Steps>

***

## Remember: you’re not alone

Building your first site can feel scary, but Fimo is designed to guide you.

* **AI helps you start.**
* **UI helps you refine.**
* **Publishing is one click.**

No coding. No jargon. Just your ideas, turned into a website.

<Tip>
  If a 10-year-old can build a LEGO house, you can build a website in Fimo. Piece by piece, guided by AI.
</Tip>
