# What we’ll build and what you need

All chapters  [1 Before you start](https://eile.site/en/cookbook/before-you-start)[2 Install](https://eile.site/en/cookbook/install)[3 Pages](https://eile.site/en/cookbook/pages)[4 Your first template](https://eile.site/en/cookbook/first-template)[5 Components](https://eile.site/en/cookbook/components)[6 Site frame](https://eile.site/en/cookbook/layout)[7 Page fields](https://eile.site/en/cookbook/fields)[8 Page lists](https://eile.site/en/cookbook/lists)[9 Custom settings](https://eile.site/en/cookbook/settings)[10 Measuring visit](https://eile.site/en/cookbook/form)[11 Live parts](https://eile.site/en/cookbook/live-parts)[12 Go live](https://eile.site/en/cookbook/go-live)[13 What’s next](https://eile.site/en/cookbook/next)

# What we’ll build and what you need

Over thirteen chapters we’ll build a website for Facade, a kitchen studio. It will have a kitchen catalog with prices, finished projects, a form for booking a measuring visit and its own address on the internet. You don’t need any programming experience: every step is shown and explained.

Chapter 1 of 13 · 3 min read

## The site we’ll build

Facade makes kitchens to order, and it needs a website that shows people they can trust the studio with their kitchen. The site will have a home page, a page about the studio, a kitchen catalog with prices per meter, finished projects, contact details and a form where visitors book a measuring visit. The header will show on its own whether the showroom is open right now.

It will be a real site, with an address like `facade.example` (you’ll use your own domain), a secure HTTPS connection and backups. We’ll set all of this up ourselves, one step at a time.

![The studio’s home page as it will look by the end of the cookbook](https://eile.site/media/screens/cook-en-site-home-light.webp?v=99c59e84bcfcff04)

The studio’s home page as it will look by the end of the cookbook

## Who this cookbook is for

Beginners. Maybe you wrote some HTML in a computer class at school, maybe you never have. Either way is fine.

We’ll write a little code: page templates in a language called Svelte. You can copy every example whole, and under each one we go through what every line does. If you already know HTML, CSS and a bit of JavaScript, you’ll get through the chapters faster.

## What you need

- **A computer with Linux or macOS.** On Windows, install [WSL](https://learn.microsoft.com/windows/wsl/install): it is Linux inside Windows, and everything in the cookbook works there.
- **A terminal.** This is the window where you type commands. On macOS it is called Terminal and lives in Applications → Utilities. On Ubuntu, press Ctrl+Alt+T to open it.
- **A browser.** Any modern one: you’ll use it both to view the site and to edit it.
- **About an hour for the first four chapters.** After that, go at your own pace.

You don’t need to install PHP, MySQL, Node.js or Docker. Eile comes as a single file, and the whole site lives in one database file. We’ll see what that means in practice in chapter two.

## How to read the chapters

The chapters go in order, and each one builds on the one before. It’s best not to skip any, but you can go back to earlier ones as often as you like.

Terminal commands look like this:

```
$ cms version
```

Don’t type the `$` at the start of the line: it only marks the start of a command. Lines without it show what the computer answers.

Template code has a label on top, so you can see which element of the site it goes into.

Example: the Base template

```
<h1>{page.title}</h1>
```

Names of manager buttons and sections are highlighted like this: **Save**. That makes them easy to spot on the screen.