Getting Started with AstroCMS
Admin

Getting Started with AstroCMS

Getting Started with AstroCMS

Welcome to AstroCMS! This guide will help you get up and running with your new website.

Prerequisites

Before you begin, make sure you have the following installed:

  • Node.js 18.x or higher
  • npm or yarn package manager
  • A GitHub account for hosting your repository

Installation

Step 1: Clone the Repository

git clone https://github.com/your-username/astrocms.git
cd astrocms

Step 2: Install Dependencies

npm install

Step 3: Start Development Server

npm run dev

Your site will be available at http://localhost:4321.

Project Structure

├── src/
│   ├── components/     # Reusable UI components
│   ├── layouts/        # Page layouts
│   ├── pages/          # Page routes
│   ├── content/        # Content collections
│   │   ├── blog/       # Blog posts
│   │   └── docs/       # Documentation
│   └── styles/         # Global styles
├── public/             # Static assets
└── wrangler.toml       # Cloudflare Pages config

Content Management

AstroCMS uses Sveltia CMS for content management. Access the admin panel at /admin to create and edit content.

Blog Posts

Blog posts are stored in src/content/blog/ as Markdown files with frontmatter.

Documentation

Documentation is stored in src/content/docs/ and features sidebar navigation.

Deployment

Deploy to Cloudflare Pages by connecting your GitHub repository. Cloudflare will automatically build and deploy on every push.

Happy building!