I need help with this, I need SEO for 3 pages index, Faq and Blog when I run npx nuxt generate and see the index.html in .output/public I only see this in the viewsource I don't see the html like the h1 etc,
<link rel="prefetch" as="script" crossorigin href="/_nuxt/Bw2zdLH.js">
<link rel="prefetch" as="script" crossorigin href="/_nuxt/oD232mV.js">
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XRRWFSF76');
</script>
<script type="module" src="/_nuxt/BKRWMQOr.js" crossorigin></script></head><body><div id="__nuxt">
I added the prerender settings
ssr: true,
routeRules: {
'/Faq': { prerender: true },
},
nitro: {
prerender: {
crawlLinks: true,
routes: ['/Faq'], // explicitly list pages
},
},
Faq only has a component which is this and a bunch of divs
<template> //Container component
<div class="max-w-screen-xl mx-auto px-5">
<slot />
</div>
</template>
<template> //Faq page
<LandingContainer>
<div class="md:mt-0">
<h2 class="text-4xl lg:text-5xl font-bold lg:tracking-tight">
Check out our FAQ section
</h2>
<p class="text-lg mt-4 text-slate-600">
Most common questions answered here.
</p>
</div>
<div class="mt-8">
....
