saabbir.github.io/nuxt.config.ts at master · Saabbir/saabbir.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: "2024-11-01",
  future: { compatibilityVersion: 3 },

  ssr: true,
  nitro: {
    preset: "static",
  },

  app: {
    head: {
      title: "Saabbir Hossain",
      titleTemplate: (title) =>
        title && title !== "Saabbir Hossain"
          ? `${title} | Saabbir Hossain`
          : "Saabbir Hossain",
      htmlAttrs: { lang: "en" },
      noscript: [{ children: "This website requires JavaScript." }],
      meta: [
        { charset: "utf-8" },
        { name: "viewport", content: "width=device-width, initial-scale=1" },
        { name: "title", content: "Saabbir Hossain" },
        {
          name: "description",
          content:
            "Saabbir Hossain — CRO-driven Shopify Plus developer and Optimizely Certified A/B Testing expert. Sr. Software Engineer at EchoLogyx Ltd. Portfolio, blog, and code snippets.",
        },
        { property: "og:type", content: "website" },
        { property: "og:url", content: "https://saabbir.github.io/" },
        { property: "og:title", content: "Saabbir Hossain" },
        {
          property: "og:description",
          content:
            "Saabbir Hossain — CRO-driven Shopify Plus developer and Optimizely Certified A/B Testing expert. Sr. Software Engineer at EchoLogyx Ltd.",
        },
        {
          property: "og:image",
          content: "https://saabbir.github.io/images/cv-headshot.png",
        },
        { property: "og:image:alt", content: "Saabbir Hossain" },
        { property: "og:site_name", content: "Saabbir Hossain" },
        { property: "twitter:card", content: "summary_large_image" },
        { property: "twitter:url", content: "https://saabbir.github.io/" },
        { property: "twitter:title", content: "Saabbir Hossain" },
        {
          property: "twitter:description",
          content:
            "CRO-driven Shopify Plus developer and A/B Testing expert. Sr. Software Engineer at EchoLogyx Ltd.",
        },
        {
          property: "twitter:image",
          content: "https://saabbir.github.io/images/cv-headshot.png",
        },
        { property: "twitter:image:alt", content: "Saabbir Hossain" },
      ],
      link: [{ rel: "icon", type: "image/png", href: "/images/cv-headshot.png" }],
      script: [
        { src: "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" },
        { src: "/js/global-client-side.js", body: true },
      ],
    },
  },

  css: [
    "normalize.css/normalize.css",
    "prism-themes/themes/prism-material-oceanic.css",
    "~/assets/scss/index.scss",
  ],

  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: '@use "~/assets/scss/01-config/config.scss" as *;',
          loadPaths: ['assets/scss'],
        },
      },
    },
  },

  components: [{ path: "~/components", pathPrefix: false }],

  modules: ["@nuxt/content", "@nuxtjs/google-fonts"],

  content: {
    // Use Prism for code highlighting (via custom ProseCode component)
    highlight: false,
  },

  googleFonts: {
    families: {
      Merriweather: [700],
      Nunito: [400, 700, 900],
    },
    display: "swap",
    prefetch: true,
    preconnect: true,
    preload: true,
    download: false, // use CDN only so prepare works offline
  },

  router: {
    options: {
      strict: true,
    },
  },
});