When deploying site, the css file is empty. I don’t see any errors and locally, everything is working. URL - https://zf-headless.netlify.app/
Here’s the generated css file
css file - https://d33wubrfki0l68.cloudfront.net/css/c3357a29fec6fc66eb6e73a5f5f0c0c0bff466f4/src/app.css
10:48:57 AM: build-image version: 5f617b3b6e49674a7ec1e08b4f1549b08909a6af (focal)
10:48:57 AM: buildbot version: e57a7547192ed9aa0bcf3dbe320f6331e9d9d5ed
10:48:57 AM: Building without cache
10:48:57 AM: Starting to prepare the repo for build
10:48:57 AM: No cached dependencies found. Cloning fresh repo
10:48:57 AM: git clone --filter=blob:none https://github.com/nevinlaughlin/zf-headless
10:48:57 AM: Preparing Git Reference refs/heads/main
10:48:58 AM: Parsing package.json dependencies
10:49:00 AM: Starting to install dependencies
10:49:00 AM: Attempting Ruby version 2.7.2, read from environment
10:49:01 AM: Using Ruby version 2.7.2
10:49:01 AM: Using PHP version 8.0
10:49:02 AM: Downloading and installing node v16.20.0...
10:49:02 AM: Downloading https://nodejs.org/dist/v16.20.0/node-v16.20.0-linux-x64.tar.xz...
10:49:02 AM: Computing checksum with sha256sum
10:49:03 AM: Checksums matched!
10:49:05 AM: Now using node v16.20.0 (npm v8.19.4)
10:49:05 AM: Enabling Node.js Corepack
10:49:05 AM: Started restoring cached build plugins
10:49:05 AM: Finished restoring cached build plugins
10:49:05 AM: Started restoring cached corepack dependencies
10:49:05 AM: Finished restoring cached corepack dependencies
10:49:05 AM: No npm workspaces detected
10:49:05 AM: Started restoring cached node modules
10:49:05 AM: Finished restoring cached node modules
10:49:05 AM: Installing npm packages using npm version 8.19.4
10:49:09 AM: added 109 packages, and audited 110 packages in 4s
10:49:09 AM: 20 packages are looking for funding
10:49:09 AM: run `npm fund` for details
10:49:09 AM: found 0 vulnerabilities
10:49:09 AM: npm packages installed
10:49:10 AM: Python version set to 3.8
10:49:10 AM: Started restoring cached go cache
10:49:10 AM: Finished restoring cached go cache
10:49:10 AM: go version go1.19.5 linux/amd64
10:49:10 AM: Install dependencies script success
10:49:10 AM: Starting build script
10:49:10 AM: Using stage install dependencies
10:49:11 AM: Detected 1 framework(s)
10:49:11 AM: "next" at version "13.2.4"
10:49:11 AM: Section completed: initializing
10:49:12 AM:
10:49:12 AM: Netlify Build
10:49:12 AM: ────────────────────────────────────────────────────────────────
10:49:12 AM:
10:49:12 AM: ❯ Version
10:49:12 AM: @netlify/build 29.9.0
10:49:12 AM:
10:49:12 AM: ❯ Flags
10:49:12 AM: baseRelDir: true
10:49:12 AM: buildId: 6425a15412518d007f6a8d24
10:49:12 AM: deployId: 6425a15412518d007f6a8d26
10:49:12 AM:
10:49:12 AM: ❯ Current directory
10:49:12 AM: /opt/build/repo
10:49:12 AM:
10:49:12 AM: ❯ Config file
10:49:12 AM: No config file was defined: using default values.
10:49:12 AM:
10:49:12 AM: ❯ Context
10:49:12 AM: production
10:49:12 AM:
10:49:12 AM: ❯ Installing plugins
10:49:12 AM: - @netlify/plugin-nextjs@4.33.0
10:49:19 AM:
10:49:19 AM: ❯ Using Next.js Runtime - v4.33.0
10:49:20 AM:
10:49:20 AM: 1. @netlify/plugin-nextjs (onPreBuild event)
10:49:20 AM: ────────────────────────────────────────────────────────────────
10:49:20 AM:
10:49:20 AM: No Next.js cache to restore.
10:49:20 AM: Netlify configuration property "build.environment.NEXT_PRIVATE_TARGET" value changed.
10:49:20 AM:
10:49:20 AM: (@netlify/plugin-nextjs onPreBuild completed in 14ms)
10:49:20 AM:
10:49:20 AM: 2. Build command from Netlify app
10:49:20 AM: ────────────────────────────────────────────────────────────────
10:49:20 AM:
10:49:20 AM: $ next build
10:49:21 AM: info - Loaded env from /opt/build/repo/.env.local
10:49:21 AM: warn - No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
10:49:21 AM: info - Linting and checking validity of types...
10:49:21 AM: info - Creating an optimized production build...
10:49:24 AM: info - Compiled successfully
10:49:24 AM: info - Collecting page data...
10:49:28 AM: info - Generating static pages (0/3)
10:49:29 AM: {
10:49:29 AM: blocks: [
10:49:29 AM: {
10:49:29 AM: __typename: 'AcfFooterFormBlock',
10:49:29 AM: attributesJSON: '{"name":"acf\\/footer-form","data":{"primary":"1","_primary":"field_6408c07f7f1c8","title":"","_title":"field_638a2ea5e0286","text":"","_text":"field_638a336b1155a","angle_bottom":"0","_angle_bottom":"field_638a69ded9c18","background_color":"bg-white","_background_color":"field_638a7f956e2e3","background_image":"","_background_image":"field_638a69c6d9c17"},"align":"full","mode":"preview","anchor":"acf-block-6408c5d1bd1aa"}',
10:49:29 AM: name: 'acf/footer-form',
10:49:29 AM: id: '4882983c-1022-4d19-9587-64dfaa7b2692'
10:49:29 AM: }
10:49:29 AM: ]
10:49:29 AM: }
10:49:29 AM: BLOCK: {"name":"acf\/footer-form","data":{"primary":"1","_primary":"field_6408c07f7f1c8","title":"","_title":"field_638a2ea5e0286","text":"","_text":"field_638a336b1155a","angle_bottom":"0","_angle_bottom":"field_638a69ded9c18","background_color":"bg-white","_background_color":"field_638a7f956e2e3","background_image":"","_background_image":"field_638a69c6d9c17"},"align":"full","mode":"preview","anchor":"acf-block-6408c5d1bd1aa"}
10:49:29 AM: info - Generating static pages (3/3)
10:49:30 AM: info - Finalizing page optimization...
10:49:30 AM: Route (pages) Size First Load JS
10:49:30 AM: ┌ ● / (741 ms) 3.48 kB 76.9 kB
10:49:30 AM: ├ /_app 0 B 73.4 kB
10:49:30 AM: ├ ○ /404 182 B 73.6 kB
10:49:30 AM: └ λ /api/hello 0 B 73.4 kB
10:49:30 AM: + First Load JS shared by all 78.6 kB
10:49:30 AM: ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB
10:49:30 AM: ├ chunks/main-0ecb9ccfcb6c9b24.js 27 kB
10:49:30 AM: ├ chunks/pages/_app-d6b3e1437d407a50.js 454 B
10:49:30 AM: ├ chunks/webpack-8fa1640cc84ba8fe.js 750 B
10:49:30 AM: └ css/557870d15537ac2e.css 5.13 kB
10:49:30 AM: λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps)
10:49:30 AM: ○ (Static) automatically rendered as static HTML (uses no initial props)
10:49:30 AM: ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps)
10:49:30 AM:
10:49:30 AM: (build.command completed in 9.4s)
10:49:30 AM:
10:49:30 AM: 3. @netlify/plugin-nextjs (onBuild event)
10:49:30 AM: ────────────────────────────────────────────────────────────────
10:49:30 AM:
10:49:30 AM: Patching /opt/build/repo/node_modules/next/dist/server/base-server.js
10:49:30 AM: Done
10:49:30 AM: Patching /opt/build/repo/node_modules/next/dist/server/next-server.js
10:49:30 AM: Done
10:49:30 AM: Moving static page files to serve from CDN...
10:49:30 AM: Moved 2 files
10:49:30 AM: You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable.
10:49:30 AM: Netlify configuration property "redirects" value changed to [
10:49:30 AM: { from: '/_next/static/*', to: '/static/:splat', status: 200 },
10:49:30 AM: {
10:49:30 AM: from: '/_next/image*',
10:49:30 AM: query: { url: ':url', w: ':width', q: ':quality' },
10:49:30 AM: to: '/_ipx/w_:width,q_:quality/:url',
10:49:30 AM: status: 301
10:49:30 AM: },
10:49:30 AM: { from: '/_ipx/*', to: '/.netlify/builders/_ipx', status: 200 },
10:49:30 AM: { from: '/cache/*', to: '/404.html', status: 404, force: true },
10:49:30 AM: { from: '/server/*', to: '/404.html', status: 404, force: true },
10:49:30 AM: { from: '/serverless/*', to: '/404.html', status: 404, force: true },
10:49:30 AM: { from: '/trace', to: '/404.html', status: 404, force: true },
10:49:30 AM: { from: '/traces', to: '/404.html', status: 404, force: true },
10:49:30 AM: {
10:49:30 AM: from: '/routes-manifest.json',
10:49:30 AM: to: '/404.html',
10:49:30 AM: status: 404,
10:49:30 AM: force: true
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/build-manifest.json',
10:49:30 AM: to: '/404.html',
10:49:30 AM: status: 404,
10:49:30 AM: force: true
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/prerender-manifest.json',
10:49:30 AM: to: '/404.html',
10:49:30 AM: status: 404,
10:49:30 AM: force: true
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/react-loadable-manifest.json',
10:49:30 AM: to: '/404.html',
10:49:30 AM: status: 404,
10:49:30 AM: force: true
10:49:30 AM: },
10:49:30 AM: { from: '/BUILD_ID', to: '/404.html', status: 404, force: true },
10:49:30 AM: {
10:49:30 AM: from: '/api/*',
10:49:30 AM: to: '/.netlify/functions/___netlify-handler',
10:49:30 AM: status: 200
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/favicon.ico',
10:49:30 AM: to: '/favicon.ico',
10:49:30 AM: conditions: { Cookie: [Array] },
10:49:30 AM: status: 200
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/zerofox-logo-alt.svg',
10:49:30 AM: to: '/zerofox-logo-alt.svg',
10:49:30 AM: conditions: { Cookie: [Array] },
10:49:30 AM: status: 200
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/*',
10:49:30 AM: to: '/.netlify/functions/___netlify-handler',
10:49:30 AM: status: 200,
10:49:30 AM: conditions: { Cookie: [Array] },
10:49:30 AM: force: true
10:49:30 AM: },
10:49:30 AM: {
10:49:30 AM: from: '/*',
10:49:30 AM: to: '/.netlify/functions/___netlify-handler',
10:49:30 AM: status: 200
10:49:30 AM: }
10:49:30 AM: ].
10:49:30 AM:
10:49:30 AM: (@netlify/plugin-nextjs onBuild completed in 74ms)
10:49:30 AM:
10:49:30 AM: 4. Functions bundling
10:49:30 AM: ────────────────────────────────────────────────────────────────
10:49:30 AM:
10:49:30 AM: Packaging Functions from .netlify/functions-internal directory:
10:49:30 AM: - ___netlify-handler/___netlify-handler.js
10:49:30 AM: - ___netlify-odb-handler/___netlify-odb-handler.js
10:49:30 AM: - _ipx/_ipx.js
10:49:30 AM:
10:49:57 AM:
10:49:57 AM: (Functions bundling completed in 26.7s)
10:49:57 AM:
10:49:57 AM: 5. Edge Functions bundling
10:49:57 AM: ────────────────────────────────────────────────────────────────
10:49:57 AM:
10:49:57 AM:
10:49:57 AM: (Edge Functions bundling completed in 625ms)
10:49:57 AM:
10:49:57 AM: 6. @netlify/plugin-nextjs (onPostBuild event)
10:49:57 AM: ────────────────────────────────────────────────────────────────
10:49:57 AM:
10:49:57 AM: Next.js cache saved.
10:49:57 AM:
10:49:57 AM: (@netlify/plugin-nextjs onPostBuild completed in 45ms)
10:49:57 AM:
10:49:57 AM: 7. Deploy site
10:49:57 AM: ────────────────────────────────────────────────────────────────
10:49:57 AM:
10:49:57 AM: Starting to deploy site from '.next'
10:49:58 AM: Calculating files to upload
10:49:58 AM: 17 new files to upload
10:49:58 AM: 3 new functions to upload
10:50:06 AM: Section completed: deploying
10:50:06 AM: Site deploy was successfully initiated
10:50:06 AM:
10:50:06 AM: Starting post processing
10:50:06 AM: (Deploy site completed in 8.2s)
10:50:06 AM:
10:50:06 AM: Netlify Build Complete
10:50:06 AM: Post processing - HTML
10:50:06 AM: ────────────────────────────────────────────────────────────────
10:50:06 AM:
10:50:06 AM: (Netlify Build completed in 53.3s)
10:50:06 AM: Skipping form detection
10:50:06 AM: Caching artifacts
10:50:06 AM: Started saving node modules
10:50:06 AM: Finished saving node modules
10:50:06 AM: Started saving build plugins
10:50:06 AM: Finished saving build plugins
10:50:06 AM: Started saving corepack cache
10:50:06 AM: Finished saving corepack cache
10:50:06 AM: Started saving pip cache
10:50:06 AM: Post processing - header rules
10:50:06 AM: Finished saving pip cache
10:50:06 AM: Started saving emacs cask dependencies
10:50:06 AM: Finished saving emacs cask dependencies
10:50:06 AM: Post processing - redirect rules
10:50:06 AM: Started saving maven dependencies
10:50:06 AM: Finished saving maven dependencies
10:50:06 AM: Started saving boot dependencies
10:50:06 AM: Finished saving boot dependencies
10:50:07 AM: Post processing done
10:50:06 AM: Started saving rust rustup cache
10:50:06 AM: Finished saving rust rustup cache
10:50:06 AM: Started saving go dependencies
10:50:07 AM: Section completed: postprocessing
10:50:06 AM: Finished saving go dependencies
10:50:07 AM: Build script success
10:50:07 AM: Section completed: building
10:50:08 AM: Uploading Cache of size 188.0MB
10:50:08 AM: Site is live ✨
10:50:10 AM: Section completed: cleanup
10:50:10 AM: Finished processing build request in 1m12.941s
Thanks!