astro.config.mjs

import { defineConfig } from "astro/config";
import starlight from "@astrojs/starlight";

const site = "https://fakeapi.platzi.com";

// https://astro.build/config
export default defineConfig({
  site,
  integrations: [
    starlight({
      title: "Platzi Fake Store API",
      favicon: "/icon.png",
      head: [
        {
          tag: "meta",
          attrs: { property: "og:image", content: `${site}/cover.png?v=1` },
        },
        {
          tag: "meta",
          attrs: {
            property: "twitter:image",
            content: `${site}/cover-tw.png?v=1`,
          },
        },
        {
          tag: "link",
          attrs: { rel: "preconnect", href: "https://fonts.googleapis.com" },
        },
        {
          tag: "link",
          attrs: {
            rel: "preconnect",
            href: "https://fonts.gstatic.com",
            crossorigin: true,
          },
        },
        {
          tag: "link",
          attrs: {
            rel: "stylesheet",
            href: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;500&display=swap",
          },
        },
        {
          tag: "script",
          attrs: {
            src: "https://www.googletagmanager.com/gtag/js?id=G-TS6JSW87G9",
            async: true,
          },
        },
        {
          tag: "script",
          content: `window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', 'G-TS6JSW87G9');`,
        },
      ],
      logo: {
        src: "./src/assets/icon.png",
      },
      social: {
        github: "https://github.com/PlatziLabs/fake-api-backend",
      },
      defaultLocale: "en",
      locales: {
        en: {
          label: "English",
        },
      },
      sidebar: [
        {
          label: "About",
          items: [
            { label: "Introduction", link: "about/introduction/" },
            { label: "Showcase", link: "about/showcase/" },
          ],
        },
        {
          label: "REST API",
          items: [
            { label: "Products", link: "rest/products/" },
            { label: "Filter products", link: "rest/products-filter/" },
            { label: "Categories", link: "rest/categories/" },
            { label: "Users", link: "rest/users/" },
            { label: "Auth JWT", link: "rest/auth-jwt/" },
            { label: "Locations", link: "rest/locations/" },
            { label: "Files", link: "rest/files/" },
            { label: "Swagger Docs", link: "rest/swagger/" },
          ],
        },
        {
          label: "GraphQL",
          items: [
            { label: "Products", link: "gql/products/" },
            { label: "Filter products", link: "gql/products-filter/" },
            { label: "Categories", link: "gql/categories/" },
            { label: "Users", link: "gql/users/" },
            { label: "Auth JWT", link: "gql/auth-jwt/" },
            { label: "Playground", link: "gql/playground/" },
          ],
        },
        {
          label: "Resources",
          items: [
            { label: "Postman", link: "resources/postman/" },
            { label: "Insomnia", link: "resources/insomnia/" },
          ],
        },
      ],
      customCss: [
        "@fontsource/ibm-plex-serif/400.css",
        "@fontsource/ibm-plex-serif/600.css",
        "./src/styles/custom.css",
      ],
    }),
  ],
});