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

Get Started with Websitero

Welcome to Websitero, the Astro 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 Astro template, or clone the GitHub repository directly.

Option A: Use the GitHub template

Go to websitero-org/Astro-Starter, click Use this template → Create a new repository, then clone your new repo locally.

Option B: Clone directly

git clone https://github.com/websitero-org/Astro-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 CMS settings.

  • src/data/client.tsSite configuration and business info
  • src/styles/root.cssDesign tokens
  • public/admin/config.ymlCMS configuration
4

Start the Development Server

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

npm run dev

🚀 You're all set!

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

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

Project Structure

A standard Astro kit project looks like this:

ASTRO-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!