* fix(web): SEO fixes from Search Console and Lighthouse audit Technical: - Emit BreadcrumbList JSON-LD from the same trail as the visual breadcrumbs on every SeoSubpageShell page. - absoluteUrl() no longer appends a trailing slash to file paths. The Organization and publisher logo URLs pointed at /vocalinux.png/, a 404. - Fetch the GitHub star count once at build time in next.config.js and drop the client-side api.github.com fetch and preconnect (Lighthouse "third-party code" on every page). Falls back to the "GitHub" label. - Fix h1 -> h3 heading skips on 11 pages by promoting the leading card headings to h2; new .subpage-card-title keeps the old h3 sizing. - Header and footer logo get alt="" next to the visible "Vocalinux" text. - Footer links every guide, distro and feature page, so the pages added in #1038 and /vs-nerd-dictation/ (Discovered, not indexed) and /writers/ (no inbound links) are linked sitewide. Titles and descriptions: - Rewrite titles/descriptions for pages with high impressions and low CTR in Search Console (home, FAQ, compare, languages, open-source, GPU, alternatives, offline, install) to lead with the queries they rank for. - Distro pages use "<Distro> Speech to Text: Offline Voice Typing Setup" as the search title; the on-page h1 is unchanged. - Remove brand repetition and shorten 75+ character titles. - Bump sitemap lastmod for the rewritten pages. * fix(web): keep home install card titles styled The home page's install cards still use h3; only /install/ moved to h2. Style both so the home cards keep their size and spacing.
102 lines
2.8 KiB
JavaScript
102 lines
2.8 KiB
JavaScript
import { PHASE_PRODUCTION_BUILD } from 'next/constants.js';
|
|
|
|
// @ts-ignore
|
|
/** @type {import("next").NextConfig} */
|
|
const config = {
|
|
output: 'export',
|
|
trailingSlash: true,
|
|
// Configuration for custom domain deployment
|
|
distDir: 'out',
|
|
|
|
// Cache/security headers live in public/_headers (copied into the static
|
|
// export). next.config headers() is ignored with output: 'export' and only
|
|
// produces build warnings.
|
|
images: {
|
|
unoptimized: true,
|
|
formats: ['image/avif', 'image/webp'],
|
|
remotePatterns: [
|
|
{
|
|
protocol: 'https',
|
|
hostname: '*',
|
|
pathname: '**',
|
|
},
|
|
],
|
|
},
|
|
eslint: {
|
|
ignoreDuringBuilds: true,
|
|
},
|
|
typescript: {
|
|
ignoreBuildErrors: true,
|
|
},
|
|
// Disable source maps in production to reduce bundle size
|
|
productionBrowserSourceMaps: false,
|
|
// Use modern JavaScript for better performance and smaller bundle sizes
|
|
experimental: {
|
|
optimizePackageImports: ['lucide-react', 'framer-motion'],
|
|
},
|
|
webpack: (config, { isServer, dev }) => {
|
|
// Only use source maps in development
|
|
if (!dev) {
|
|
config.devtool = false;
|
|
}
|
|
// Enhanced node polyfills for postgres and other modules
|
|
if (!isServer) {
|
|
config.resolve.fallback = {
|
|
...config.resolve.fallback,
|
|
// File system - never needed in browser
|
|
fs: false,
|
|
net: false,
|
|
tls: false,
|
|
crypto: false,
|
|
stream: false,
|
|
'perf_hooks': false,
|
|
|
|
// Definitely not needed in browser
|
|
child_process: false,
|
|
dns: false,
|
|
};
|
|
|
|
// Configure swc to output modern JavaScript (ES2022) instead of ES5
|
|
// This eliminates unnecessary polyfills and reduces bundle size
|
|
if (config.optimization && config.optimization.minimizer) {
|
|
config.optimization.minimizer.forEach((minimizer) => {
|
|
if (minimizer.constructor.name === 'TerserPlugin') {
|
|
minimizer.options.compress = {
|
|
...minimizer.options.compress,
|
|
pure_funcs: ['console.log', 'console.debug'],
|
|
};
|
|
}
|
|
});
|
|
}
|
|
}
|
|
return config;
|
|
},
|
|
};
|
|
|
|
// The header star count is fetched once per production build and inlined, so
|
|
// visitors never call api.github.com (Lighthouse flagged it as third-party
|
|
// code on every page). Any failure falls back to the plain "GitHub" label.
|
|
async function fetchGitHubStars() {
|
|
try {
|
|
const res = await fetch('https://api.github.com/repos/VocaHQ/vocalinux', {
|
|
headers: process.env.GITHUB_TOKEN
|
|
? { Authorization: `Bearer ${process.env.GITHUB_TOKEN}` }
|
|
: {},
|
|
signal: AbortSignal.timeout(5000),
|
|
});
|
|
if (!res.ok) return '';
|
|
const data = await res.json();
|
|
return data.stargazers_count ? String(data.stargazers_count) : '';
|
|
} catch {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
export default async function nextConfig(phase) {
|
|
if (phase !== PHASE_PRODUCTION_BUILD) return config;
|
|
return {
|
|
...config,
|
|
env: { NEXT_PUBLIC_GITHUB_STARS: await fetchGitHubStars() },
|
|
};
|
|
}
|