nuxt.config.js

export default {
  devtools: process.env.NODE_ENV !== "production",
  ssr: false,
  target: "static",
  env: {
    MENU_API_URL: process.env.MENU_API_URL,
    PAGE_API_URL: process.env.PAGE_API_URL,
    NUXT_IMG_PROVIDER: process.env.NUXT_IMG_PROVIDER,
  },
  head: {
    title: "Alexey Chirukhin",
    titleTemplate(titleChunk) {
      return titleChunk && titleChunk !== "Alexey Chirukhin"
        ? `${titleChunk} — Alexey Chirukhin`
        : "Alexey Chirukhin";
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      {
        hid: "description",
        name: "description",
        content: "Personal Website of Alexey Chirukhin",
      },
    ],
    link: [
      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
      /* Fonts */
      { rel: "preconnect", href: "https://fonts.cdnfonts.com" },
      { rel: "preconnect", href: "https://fonts.googleapis.com" },
      { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "" },
      {
        rel: "stylesheet",
        href: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Chango&family=Schoolbell&family=Just+Me+Again+Down+Here&display=swap",
      },
      {
        rel: "stylesheet",
        href: "https://fonts.cdnfonts.com/css/violet-sans",
      },
    ],
    htmlAttrs: {
      lang: "en",
    },
  },
  css: ["~/assets/scss/main.scss", "~/assets/scss/transitions.scss"],
  loadingIndicator: "~/loading.html",
  buildModules: ["@nuxt/image", "nuxt-client-init-module"],
  plugins: [
    { src: "~/plugins/globalProperties.client.js" },
    { src: "~/plugins/persistedState.client.js" },
    { src: "~/plugins/api.client.js" },
    { src: "~/plugins/services.client.js" },
    { src: "~/plugins/utilities.client.js" },
    { src: "~/plugins/components.client.js" },
  ],
  router: {
    middleware: ["navigationMiddleware"],
  },
  image: {
    providers: {
      local: {
        name: "local",
        provider: "~/providers/nuxtImgLocal",
      },
    },
    imagekit: {
      baseURL: "https://ik.imagekit.io/pr3sto",
    },
    screens: {
      md: 700,
    },
    presets: {
      progressivejpg: {
        modifiers: {
          f: "jpg",
          progressive: true,
        },
      },
    },
  },
  build: {
    loaders: {
      scss: { sourceMap: false },
    },
    terser: {
      terserOptions: {
        compress: {
          drop_console: true,
        },
      },
    },
  },
};