Step 2: Project structure

Now you'll learn where each file goes and set your site's name.

Before you start

Step 1 finished

Do it

Type each command on its own and wait for it to finish before the next one.

These are the files you will edit most:

text

site/.vitepress/config.ts    title, nav, sidebars
site/.vitepress/theme/       tokens, styles, components
site/index.md                homepage
site/start/ guides/ reference/   one folder per zone
site/public/                 logo and images
tests/check-dist.mjs         checks after each build
wrangler.jsonc               Cloudflare settings

Open site/.vitepress/config.ts and change two lines:

title: 'My Site',
description: 'What your site is about.',

Save the file. The dev server reloads by itself.

Result

Your site name shows in the header and the browser tab.

Checkpoint

You know where a new guide goes
The header shows your title

Next step

Step 3: Theme & design tokens

Back: Step 1: Create the project

Step 2: Project structure ​

Before you start ​

Do it ​

Result ​

Checkpoint ​

Next step ​