nuxt-reference-store/nuxt.config.js at main · getnacelle/nuxt-reference-store · 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
import routes from "./config/routes";

const isPreview = process.env.APP_CONTENT_MODE === "preview";

export default {
  ssr: !isPreview,
  target: "static",
  head: {
    title: "nuxt-reference-store",
    htmlAttrs: {
      lang: "en"
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      { name: "format-detection", content: "telephone=no" }
    ],
    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]
  },

  css: [],

  plugins: [
    { src: "~/plugins/globalSetup.js" },
    { src: "~/plugins/shopifyCheckout.js", mode: "client" }
  ],

  components: true,

  image: {
    domains: ["https://cdn.shopify.com", "cdn.sanity.io"]
  },

  publicRuntimeConfig: {
    app: {
      contentMode: process.env.APP_CONTENT_MODE,
      contentSource: process.env.APP_CONTENT_SOURCE
    },
    nacelle: {
      id: process.env.NACELLE_SPACE_ID,
      token: process.env.NACELLE_GRAPHQL_TOKEN,
      nacelleEndpoint: process.env.NACELLE_ENDPOINT,
      locale: process.env.NACELLE_LOCALE || "en-us"
    },
    sanity: {
      projectId: process.env.SANITY_PROJECT_ID,
      dataset: process.env.SANITY_DATASET,
      token: process.env.SANITY_TOKEN
    },
    shopify: {
      storefrontCheckoutToken: process.env.SHOPIFY_STOREFRONT_TOKEN,
      myshopifyDomain: process.env.SHOPIFY_SHOP_ID,
      storefrontApiVersion: process.env.SHOPIFY_STOREFRONT_VERSION
    }
  },

  buildModules: [
    "@nuxt/image",
    "@nuxtjs/svg",
    "@nuxtjs/composition-api/module",
    "@nuxtjs/pwa",
    "@nuxtjs/tailwindcss"
  ],

  modules: [],

  pwa: {
    name: "Nacelle x Nuxt Reference Store",
    manifest: {
      lang: "en"
    },
    meta: {
      name: false, // prevent overriding `useMeta` in `onGlobalSetup`
      theme_color: "#4f46e5"
    }
  },

  build: {},

  vue: {
    config: {
      productionTip: false,
      devtools: true
    }
  },

  generate: {
    crawler: false,
    concurrency: 25,
    interval: 2000,
    fallback: true,
    routes: () => routes()
  }
};