Next.js Discord

Discord Forum

PurgeCSS not working! Entirety of TailwindCSS being loaded even on a completely blank page.

Unanswered
Semipalmated Plover posted this in #help-forum
Open in Discord
Semipalmated PloverOP
package.json
{
  "name": "project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@headlessui/react": "^2.1.0",
    "@next/bundle-analyzer": "^14.2.18",
    "@portabletext/react": "^3.0.17",
    "@radix-ui/react-accordion": "^1.2.0",
    "@radix-ui/react-dialog": "^1.1.1",
    "@radix-ui/react-navigation-menu": "^1.2.0",
    "@radix-ui/react-tooltip": "^1.1.1",
    "@react-email/components": "^0.0.25",
    "@sanity/block-content-to-react": "^3.0.0",
    "@sanity/client": "^6.15.11",
    "@sanity/image-url": "^1.0.2",
    "@sanity/vision": "^3.36.4",
    "canvas-confetti": "^1.9.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "cross-fetch": "^4.0.0",
    "dayjs": "^1.11.10",
    "graphql": "^16.8.1",
    "lucide-react": "^0.397.0",
    "next": "^14",
    "next-plausible": "^3.12.0",
    "next-sanity": "^7.1.4",
    "next-sanity-image": "^6.1.1",
    "openai": "^4.29.2",
    "react": "^18",
    "react-dom": "^18",
    "react-email": "^3.0.1",
    "react-hook-form": "^7.51.4",
    "react-hot-toast": "^2.4.1",
    "react-icons": "^4.12.0",
    "react-intersection-observer": "^9.13.1",
    "react-loading-icons": "^1.1.0",
    "react-responsive-masonry": "^2.1.7",
    "react-tooltip": "^5.26.3",
    "resend": "^3.2.0",
    "sanity": "^3.36.4",
    "sharp": "^0.33.2",
    "styled-components": "^6.1.8",
    "tailwind-merge": "^2.3.0",
    "tailwindcss-animate": "^1.0.7"
  },
  "devDependencies": {
    "@tailwindcss/typography": "^0.5.10",
    "autoprefixer": "^10.0.1",
    "postcss": "^8",
    "prettier": "^3.1.1",
    "typescript": "5.5.2"
  }
}

3 Replies

Semipalmated PloverOP
next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {};

module.exports = nextConfig;


tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}


styles/globals.css
@tailwind base;
@tailwind components;
@tailwind utilities;


_app.js
import "@/styles/globals.css";

export default function App({ Component, pageProps }) {
  return <Component {...pageProps} />;
}


hi.js
const Hi = () => {
  return;
}

export default Hi
Any idea? 🙃
Semipalmated PloverOP
bump