Give feedback as an early user and get the docs plus a full website free. Code FRIEND: valid on one-time purchases only.

Get Started with Websitero

Welcome to Websitero, the Eleventy Starter kit to launch your website + blog fast!

Follow this guide to get your application up and running.

Before You Start

Make sure you've read the initial setup guide.

See Quick Setup

Setup Your Project

1

Create from Template

Bootstrap your project using the official Eleventy template, or clone the GitHub repository directly.

Option A: Use the GitHub template

Go to websitero-org/Eleventy-Starter, click Use this templateCreate a new repository, then clone your new repo locally.

Option B: Clone directly

git clone https://github.com/websitero-org/Eleventy-Starter [YOUR_APP_NAME]

💡 Pro tip: Replace [YOUR_APP_NAME] with your project name

2

Install Dependencies

Navigate to your project directory and install all required packages.

npm install
3

Configure Your Site

Edit the key files to set up your business info and build settings.

  • src/_data/client.jsSite configuration and business info
  • src/admin/config.ymlDecap CMS configuration
  • src/assets/css/Styles and design tokens
  • .eleventy.jsPlugins, filters, and collections
4

Start the Development Server

Launch your local development server and see your app in action!

npm start

🚀 You're all set!

Your app is now running at http://localhost:8080

⚠️ Requirements: This kit requires Node.js 18.17 or greater. Run node -v in your terminal to check your version.

Project Structure

A standard Eleventy kit project looks like this:

ELEVENTY-STARTER
├─/public
├─/scripts
├─/src

Deploying

Push to GitHub → Deploy on Netlify → Configure DecapBridge to enable the CMS for your clients.

Once you're done, start withthis tutorialto launch your project in 5 minutes. Let's build that website FAST!