nuxt.config.js

// https://nuxt.com/docs/api/configuration/nuxt-config
import { nodePolyfills } from 'vite-plugin-node-polyfills';
export default defineNuxtConfig({
	modules: ['@nuxtjs/tailwindcss', 'nuxt-lazy-load'],
	mode: 'spa',
	ssr: true,
	typescript: false,
	target: 'static',
	css: ['~/public/css/style.css', '~/assets/fonts.css'],
	app: {
		head: {
			link: [
				{
					rel: 'icon',
					type: 'image/x-icon',
					href: '/favicon.ico',
				},
			],
			title: 'kwak',
		},
	},
	nitro: {
		prerender: {
			ignore: ['404.html'],
		},
	},
	postcss: {
		plugins: {
			tailwindcss: {},
			autoprefixer: {},
		},
	},
	builder: 'vite',
	experimental: {
		payloadExtraction: false,
	},
	generate: {
		fallback: 'index.html',
	},
	vite: {
		plugins: [
			nodePolyfills({
				// To exclude specific polyfills, add them to this list.
				exclude: [
					'fs', // Excludes the polyfill for `fs` and `node:fs`.
				],
				// Whether to polyfill specific globals.
				globals: {
					Buffer: true, // can also be 'build', 'dev', or false
					global: true,
					process: true,
				},
				// Whether to polyfill `node:` protocol imports.
				protocolImports: true,
			}),
		],
	},
	postcss: {
		plugins: {
			tailwindcss: {},
			autoprefixer: {},
		},
	},
});