---
title: "Welcome to Head start"
description: "Base setup on top of headless services to help you get started quickly"
language: "English"
url: "https://head-start.pages.dev/en/"
---

# Welcome to Head start

**Head Start is a base setup on top of headless services to help you quickly start a new website.**

[Try our demos](/en/demos/)[Read the docs](/en/documentation/)

## Philosophy

* Provide a generic template to help develop new websites (not web apps) faster.

* Provide a pre-defined setup for composable pages with common components.

* Provide pre-configured services like a CMS and deployment platform.

* Support common needs like internationalisation (i18n), SEO, redirects and analytics.

* Provide functional interactivity without a JS framework (React, Vue, Svelte, etc)\*.

* Provide functional interactivity without specific styling ("unstyled")\*.

* Provide a fully accessible and highly performant baseline for every project.

\* We'll leave the choice for a JS framework and strategy for styling to developers using Head Start for their project.

## Architecture

The site is created as lightweight progressively enhanced website connected to a headless CMS:

* [Astro](https://astro.build/) - web framework to structure this project. Astro is selected because it embraces web standards, is designed for performance, and supports all our favourite UI frameworks (React, Vue and Svelte).

* [DatoCMS](https://www.datocms.com/) - a headless CMS is connected to manage web content. DatoCMS is selected for its modular and structured content options, advanced image service, multi-language support and GraphQL API.

* [Cloudflare Pages](https://pages.cloudflare.com/) - is a JAMstack hosting platform. Cloudflare Pages is selected for its reliable CDN, zero cold-start workers, green hosting and affordable pricing.

## Documentation

* [Accessibility (a11y)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)