atomicojs / astro

@atomico/astro

Early support for using Atomico SSR + Astro Build.

Install

npm i -D @atomico/astro

Usage

import { defineConfig } from "astro/config";
import Atomico from "@atomico/astro";

export default defineConfig({
  integrations: [Atomico()],
});

You must associate the flag to the astro scripts in package.json#script --experimental-integrations, example:

{
  "scripts": {
    "dev": "astro dev --experimental-integrations",
    "start": "astro dev --experimental-integrations",
    "build": "astro build --experimental-integrations",
    "preview": "astro preview --experimental-integrations"
  }
}

Hydration

Atomico applies an automatic hydration, if it is required to hydrate the component on the client, you must include the component script, example:

---
import "./my-component.js" // SSR
---
<script src="./my-component.js"></script> <!--Hydration-->
<my-component></my-component>