Coralite Guide Overview

Welcome to our guides. We've organized them to help you learn Coralite from the ground up.

1. Introduction #

• Quick Start (Installation)

  Learn how to install Coralite and bootstrap a new project quickly.

• Getting Started Tutorial

  A step-by-step introduction to building your first components with Coralite.

2. Core Concepts #

• Static Components

  Discover how to create performant, server-rendered static HTML components.

• Dynamic Components

  Understand how to inject client-side interactivity using Dynamic Web Components.

• Managing the DOM (Refs)

  Learn how to easily target and manipulate DOM elements without querying.

• Page Metadata

  Manage SEO tags and page-specific metadata securely with the built-in plugin.

• Page Variables

  Understand the built-in path and URL context variables automatically injected into your pages.

3. Advanced Guides #

• Advanced JavaScript

  Dive deep into complex client-side interactions and lifecycle hooks.

• Styling & CSS

  Master techniques for scoping styles and organizing your application's CSS.

• Authoring Plugins

  Learn how to create powerful custom plugins to extend the Coralite framework.

• Handling Binary Assets

  Best practices for importing and managing images, fonts, and other static files.

• E2E Testing & Hydration

  Learn how to test Coralite apps using Playwright or Cypress by waiting for hydration.