Skip to content

A Tutorial Page with example components

Steps with content and Code

The Code should also get a lang parameter.

subheadline1

  • Step 1 - title, content, code, lang

subheadline2

  • Item 2 - title, content, code, lang Link
  1. Install via npm

    Use npm to install the CLI tool globally.

    npm install -g my-tool
  2. Make sure to build something awesome

    We all are looking for the next great thing to believe in, to support and strive for. To talk about and to visit daily.

    • astro.config.mjs # great comment!
    • package.json # weird comment
    • Directorysrc
      • components
      • Header.astro
      • Title.astro
      • Directorypages/
  3. Verify installation

    Check the version to confirm it was installed correctly.

  4. Verify installation JS

    Check the version to confirm it was installed correctly.

    export function onRequest(context, next) {
    context.locals.title = "New title";
    return next();
    };

The FileTree

subheadline11

The FileTree also supports Comments and Highlights from the Starlight docs.

subheadline22

Bla bla bla

  • astro.config.mjs # great comment!
  • package.json # weird comment
  • Directorysrc
    • Directorycomponents
      • Header.astro
      • Title.astro
    • Directorypages/
Example Config File
{
"name": "my-project",
"scripts": {
"start": "node src/index.js"
}
}