Erste Schritte

Installiere StaticBlocks und erstelle dein erstes Projekt in wenigen Minuten

Installation

# Install StaticBlocks globally
npm install -g staticblocks

# Or use with npx
npx staticblocks init my-website

Installiere über npm oder nutze es direkt mit npx

Erstelle dein erstes Projekt

# Create a new project
staticblocks init my-website

# Navigate to project
cd my-website

# Install dependencies
yarn install

# Start development server
yarn run dev

Der init-Befehl fragt dich nach CSS-Framework, Icons und i18n-Einstellungen

Projektstruktur

├── src/
│   ├── templates/      # HTML templates
│   ├── blocks/         # Reusable blocks
│   ├── pages/          # Page configurations (YAML)
│   ├── locales/        # Translation files (JSON)
│   └── assets/         # Static assets
├── dist/               # Build output
├── staticblocks.config.ts
└── package.json

Überblick über die wichtigsten Projektverzeichnisse und -dateien

Build-Befehle

# Development server with hot reload
yarn run dev

# Production build
yarn run build

# Validate project
yarn run validate

Gängige Befehle für Entwicklung und Deployment

Nächste Schritte