Google analytics is not getting installed in my index.html after using npm run build?

head: [
  {
    tag: 'script',
    attrs: {
      src: '<https://www.googletagmanager.com/gtag/js?id=G-X5S94CTXLK',>
    },
  },
  {
    tag: 'script',
    content: `
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-X5S94CTXLK');
    `,
  },
],

head: [
  {
    tag: 'script',
    attrs: {
      src: '<https://www.googletagmanager.com/gtag/js?id=G-X5S94CTXLK',>
    },
  },
  {
    tag: 'script',
    content: `
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-X5S94CTXLK');
    `,
  },
],

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My App",
  auth: {
    userEntity: User,
    methods: {
      google: {}
    },
    onAuthFailedRedirectTo: "/login"
  },
}

entity User {=psl
  id Int @id @default(autoincrement())
  username String @unique
  displayName String
psl=}

route LoginRoute { path: "/login", to: LoginPage }
page LoginPage {
  component: import { LoginPage } from "@src/LoginPage.tsx"
}

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My App",
  auth: {
    userEntity: User,
    methods: {
      google: {}
    },
    onAuthFailedRedirectTo: "/login"
  },
}

entity User {=psl
  id Int @id @default(autoincrement())
  username String @unique
  displayName String
psl=}

route LoginRoute { path: "/login", to: LoginPage }
page LoginPage {
  component: import { LoginPage } from "@src/LoginPage.tsx"
}

app myApp {
  // ... other configurations ...
  
  head: [
    {
      tag: "script",
      attrs: {
        src: "<https://www.googletagmanager.com/gtag/js?id=YOUR-GA-ID",>
      },
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'YOUR-GA-ID');
      `,
    },
  ],
}

app myApp {
  // ... other configurations ...
  
  head: [
    {
      tag: "script",
      attrs: {
        src: "<https://www.googletagmanager.com/gtag/js?id=YOUR-GA-ID",>
      },
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'YOUR-GA-ID');
      `,
    },
  ],
}

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My SEO-Optimized App",
  auth: {
    userEntity: User,
    methods: {
      google: {}
    },
    onAuthFailedRedirectTo: "/login"
  },
  head: [
    "<meta name=\"description\" content=\"A description of my awesome Wasp app\">",
    "<meta name=\"keywords\" content=\"wasp, app, awesome\">",
    "<meta property=\"og:title\" content=\"My SEO-Optimized App\">",
    "<meta property=\"og:description\" content=\"A description of my awesome Wasp app\">",
    "<meta property=\"og:image\" content=\"<https://myapp.com/og-image.jpg\">",>
    "<link rel=\"canonical\" href=\"<https://myapp.com\">",>
    {
      tag: "script",
      attrs: {
        async: true,
        src: "<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
      }
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXXX');
      `
    }
  ]
}

entity User {=psl
  id Int @id @default(autoincrement())
  username String @unique
  displayName String
psl=}

route LoginRoute { path: "/login", to: LoginPage }
page LoginPage {
  component: import { LoginPage } from "@src/LoginPage.tsx"
}

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My SEO-Optimized App",
  auth: {
    userEntity: User,
    methods: {
      google: {}
    },
    onAuthFailedRedirectTo: "/login"
  },
  head: [
    "<meta name=\"description\" content=\"A description of my awesome Wasp app\">",
    "<meta name=\"keywords\" content=\"wasp, app, awesome\">",
    "<meta property=\"og:title\" content=\"My SEO-Optimized App\">",
    "<meta property=\"og:description\" content=\"A description of my awesome Wasp app\">",
    "<meta property=\"og:image\" content=\"<https://myapp.com/og-image.jpg\">",>
    "<link rel=\"canonical\" href=\"<https://myapp.com\">",>
    {
      tag: "script",
      attrs: {
        async: true,
        src: "<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
      }
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXXX');
      `
    }
  ]
}

entity User {=psl
  id Int @id @default(autoincrement())
  username String @unique
  displayName String
psl=}

route LoginRoute { path: "/login", to: LoginPage }
page LoginPage {
  component: import { LoginPage } from "@src/LoginPage.tsx"
}

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My App with Analytics",
  // ... other configurations ...
  
  head: [
    {
      tag: "script",
      attrs: {
        async: true,
        src: "<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
      }
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXXX');
      `
    }
  ]
}

app myApp {
  wasp: {
    version: "^0.13.0"
  },
  title: "My App with Analytics",
  // ... other configurations ...
  
  head: [
    {
      tag: "script",
      attrs: {
        async: true,
        src: "<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
      }
    },
    {
      tag: "script",
      content: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXXX');
      `
    }
  ]
}

wasp build

wasp build

cd .wasp/build/web-app

cd .wasp/build/web-app

npm install && REACT_APP_API_URL=<url_to_wasp_backend> npm run build

npm install && REACT_APP_API_URL=<url_to_wasp_backend> npm run build

npm install -g netlify-cli

npm install -g netlify-cli

netlify login

netlify login

cd .wasp/build/web-app

cd .wasp/build/web-app

netlify init

netlify init

netlify deploy --prod

netlify deploy --prod

WASP_WEB_CLIENT_URL=<https://<your-app-name>.netlify.app>

WASP_WEB_CLIENT_URL=<https://<your-app-name>.netlify.app>

  /* /index.html 200
  

  /* /index.html 200
  

   entity Task {=psl
     id Int @id @default(autoincrement())
     description String
     isDone Boolean @default(false)
   psl=}
   

   entity Task {=psl
     id Int @id @default(autoincrement())
     description String
     isDone Boolean @default(false)
   psl=}
   

   wasp db migrate-dev
   

   wasp db migrate-dev
   

   wasp db studio
   

   wasp db studio
   

   app MyApp {
     title: "My app",
     // ...
     db: {
       system: PostgreSQL,
     }
   }
   

   app MyApp {
     title: "My app",
     // ...
     db: {
       system: PostgreSQL,
     }
   }
   

   rm -r migrations/
   wasp clean
   

   rm -r migrations/
   wasp clean
   

   wasp db migrate-dev
   

   wasp db migrate-dev
   

   wasp start db
   

   wasp start db
   

   DATABASE_URL=postgresql://username:password@localhost:5432/mydb
   

   DATABASE_URL=postgresql://username:password@localhost:5432/mydb
   

   import { Task } from '@wasp/entities'

   export const getTasks = async (args, context) => {
     return await Task.findMany()
   }
   

   import { Task } from '@wasp/entities'

   export const getTasks = async (args, context) => {
     return await Task.findMany()
   }
   

   query getTasks {
     fn: import { getTasks } from "@server/queries.js",
     entities: [Task]
   }
   

   query getTasks {
     fn: import { getTasks } from "@server/queries.js",
     entities: [Task]
   }
   

   import { useQuery } from '@wasp/queries'
   import getTasks from '@wasp/queries/getTasks'

   const TaskList = () => {
     const { data: tasks, isLoading, error } = useQuery(getTasks)

     if (isLoading) return 'Loading...'
     if (error) return 'Error: ' + error

     return (
       <ul>
         {tasks.map((task) => (
           <li key={task.id}>{task.description}</li>
         ))}
       </ul>
     )
   }
   

   import { useQuery } from '@wasp/queries'
   import getTasks from '@wasp/queries/getTasks'

   const TaskList = () => {
     const { data: tasks, isLoading, error } = useQuery(getTasks)

     if (isLoading) return 'Loading...'
     if (error) return 'Error: ' + error

     return (
       <ul>
         {tasks.map((task) => (
           <li key={task.id}>{task.description}</li>
         ))}
       </ul>
     )
   }
   

  head: [
        "<meta property=\"og:type\" content=\"website\" />",
// ...
        "<!-- Google tag (gtag.js) --><script async src=\"https://www.googletagmanager.com/gtag/js?id=G-123456890\"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-1234567890');</script>"
  ],

  head: [
        "<meta property=\"og:type\" content=\"website\" />",
// ...
        "<!-- Google tag (gtag.js) --><script async src=\"https://www.googletagmanager.com/gtag/js?id=G-123456890\"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-1234567890');</script>"
  ],

app MyApp {
  title: "My app",
  // ...
  db: {
    system: PostgreSQL,
  }
}

app MyApp {
  title: "My app",
  // ...
  db: {
    system: PostgreSQL,
  }
}

rm -r migrations/
wasp clean

rm -r migrations/
wasp clean

docker run --rm --publish 5432:5432 --env POSTGRES_PASSWORD=devpass postgres

docker run --rm --publish 5432:5432 --env POSTGRES_PASSWORD=devpass postgres

DATABASE_URL=postgresql://username:password@hostname:port/database_name

DATABASE_URL=postgresql://username:password@hostname:port/database_name

wasp db migrate-dev

wasp db migrate-dev

fly secrets set DATABASE_URL=postgresql://username:password@hostname:port/database_name

fly secrets set DATABASE_URL=postgresql://username:password@hostname:port/database_name

api migrateDatabase {
  fn: import { migrateDatabase } from "@server/migrations.js",
  httpRoute: (GET, "/migrate-database")
}

api migrateDatabase {
  fn: import { migrateDatabase } from "@server/migrations.js",
  httpRoute: (GET, "/migrate-database")
}

// src/server/migrations.js
export const migrateDatabase = async (req, res) => {
  // Run migrations
  // This is a simplified example
  try {
    // Your migration logic here
    return { success: true };
  } catch (error) {
    return { success: false, error: error.message };
  }
}

// src/server/migrations.js
export const migrateDatabase = async (req, res) => {
  // Run migrations
  // This is a simplified example
  try {
    // Your migration logic here
    return { success: true };
  } catch (error) {
    return { success: false, error: error.message };
  }
}

   wasp start db
   

   wasp start db
   

   DATABASE_URL="postgresql://..." wasp db migrate-dev
   

   DATABASE_URL="postgresql://..." wasp db migrate-dev
   

   wasp start db
   

   wasp start db
   

   DATABASE_URL=postgresql://username:password@hostname:port/database_name
   

   DATABASE_URL=postgresql://username:password@hostname:port/database_name
   

   DATABASE_URL=postgresql://postgres:devpass@localhost:5432/postgres
   

   DATABASE_URL=postgresql://postgres:devpass@localhost:5432/postgres
   

   --- [Error] Couldn't find `docker` executable: ---------------------------------
   To run PostgreSQL dev database, Wasp needs `docker` installed and in PATH.
   

   --- [Error] Couldn't find `docker` executable: ---------------------------------
   To run PostgreSQL dev database, Wasp needs `docker` installed and in PATH.
   

   wasp db studio
   

   wasp db studio
   

docker run --rm --publish 5432:5432 --env POSTGRES_PASSWORD=devpass postgres

docker run --rm --publish 5432:5432 --env POSTGRES_PASSWORD=devpass postgres

DATABASE_URL=postgresql://postgres:devpass@localhost:5432/postgres

DATABASE_URL=postgresql://postgres:devpass@localhost:5432/postgres

DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres

DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres

   cd .wasp/build/
   # Deploy to Fly.io or another backend hosting service
   

   cd .wasp/build/
   # Deploy to Fly.io or another backend hosting service
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   

   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   WASP_SERVER_URL=<https://your-backend-server.fly.dev>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   WASP_SERVER_URL=<https://your-backend-server.fly.dev>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<https://your-backend-server.fly.dev> npm run build
   netlify deploy --prod
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<https://your-backend-server.fly.dev> npm run build
   netlify deploy --prod
   

   fly ssh console -a your-backend-app
   cd /app/server
   npx prisma migrate deploy
   

   fly ssh console -a your-backend-app
   cd /app/server
   npx prisma migrate deploy
   

   wasp build
   

   wasp build
   

   .wasp/build/web-app
   

   .wasp/build/web-app
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<url_to_wasp_backend> npm run build
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<url_to_wasp_backend> npm run build
   

wasp deploy fly deploy

wasp deploy fly deploy

   cd .wasp/build/
   # Deploy the server directory to a backend hosting service
   

   cd .wasp/build/
   # Deploy the server directory to a backend hosting service
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   WASP_SERVER_URL=<https://your-backend-server.fly.dev>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   WASP_SERVER_URL=<https://your-backend-server.fly.dev>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<https://your-backend-server.fly.dev> npm run build
   

   cd .wasp/build/web-app
   npm install && REACT_APP_API_URL=<https://your-backend-server.fly.dev> npm run build
   

.wasp/build/
├── server/        # This is your backend
└── web-app/       # This is your frontend

.wasp/build/
├── server/        # This is your backend
└── web-app/       # This is your frontend

   cd .wasp/build/server
   

   cd .wasp/build/server
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

   DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   JWT_SECRET=your-secret-key-at-least-32-chars-long
   

cd .wasp/build/
flyctl deploy --remote-only --config ../../fly.toml

cd .wasp/build/
flyctl deploy --remote-only --config ../../fly.toml

   curl -L <https://fly.io/install.sh> | sh
   

   curl -L <https://fly.io/install.sh> | sh
   

   flyctl auth login
   

   flyctl auth login
   

   cd .wasp/build/
   

   cd .wasp/build/
   

   flyctl launch --remote-only
   

   flyctl launch --remote-only
   

   flyctl secrets set PORT=8080
   flyctl secrets set JWT_SECRET=your_random_string_at_least_32_characters_long
   flyctl secrets set WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   flyctl secrets set WASP_SERVER_URL=<https://your-app-name.fly.dev>
   flyctl secrets set DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   

   flyctl secrets set PORT=8080
   flyctl secrets set JWT_SECRET=your_random_string_at_least_32_characters_long
   flyctl secrets set WASP_WEB_CLIENT_URL=<https://your-netlify-app.netlify.app>
   flyctl secrets set WASP_SERVER_URL=<https://your-app-name.fly.dev>
   flyctl secrets set DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.ooixxx.supabase.co:5432/postgres
   

   flyctl deploy --remote-only
   

   flyctl deploy --remote-only
   

   flyctl status
   

   flyctl status
   

   flyctl logs
   

   flyctl logs
   

   cd .wasp/build/web-app
   

   cd .wasp/build/web-app
   

   npm install && REACT_APP_API_URL=<https://your-app-name.fly.dev> npm run build
   

   npm install && REACT_APP_API_URL=<https://your-app-name.fly.dev> npm run build
   

   netlify deploy --prod
   

   netlify deploy --prod
   

   openssl rand -base64 32
   

   openssl rand -base64 32
   

   node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"
   

   node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"
   

flyctl secrets set JWT_SECRET=your_generated_random_string_here

flyctl secrets set JWT_SECRET=your_generated_random_string_here

flyctl secrets set WASP_WEB_CLIENT_URL=<https://click-olympics.netlify.app>

flyctl secrets set WASP_WEB_CLIENT_URL=<https://click-olympics.netlify.app>

flyctl apps restart build-nameless-haze-6728

flyctl apps restart build-nameless-haze-6728

flyctl secrets set PORT=8080
flyctl secrets set JWT_SECRET=your_random_string_at_least_32_characters_long
flyctl secrets set WASP_SERVER_URL=<https://build-nameless-haze-6728.fly.dev>

flyctl secrets set PORT=8080
flyctl secrets set JWT_SECRET=your_random_string_at_least_32_characters_long
flyctl secrets set WASP_SERVER_URL=<https://build-nameless-haze-6728.fly.dev>

   flyctl secrets list
   

   flyctl secrets list
   

   flyctl logs
   

   flyctl logs
   

server: {
  middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup"
},

server: {
  middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup"
},

import cors from 'cors'
import { config } from 'wasp/server'

export const serverMiddlewareFn = (middlewareConfig) => {
  middlewareConfig.set('cors', cors({ 
    origin: [config.frontendUrl, '<https://click-olympics.netlify.app']> 
  }))
  return middlewareConfig
}

import cors from 'cors'
import { config } from 'wasp/server'

export const serverMiddlewareFn = (middlewareConfig) => {
  middlewareConfig.set('cors', cors({ 
    origin: [config.frontendUrl, '<https://click-olympics.netlify.app']> 
  }))
  return middlewareConfig
}