Tailwind Css not properly working on my Next Js 13 project when I deploy on netlify but locally It works fine... What I do in this situation?

Support
, ,
1

In local development server all Css work perfectly fine but when I push on github and deploy on netlify then this kind of looks like the website.

github link → https://github.com/Tejodeep2002/Freelance-Portfolio

This is Deployed build view on netlify

server view
server view1920×1040 181 KB

package.json →
{ "name": "freelance-portfolio", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.2", "@fortawesome/free-brands-svg-icons": "^6.4.2", "@fortawesome/free-regular-svg-icons": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", "@types/node": "20.6.3", "@types/react": "18.2.22", "@types/react-dom": "18.2.7", "autoprefixer": "10.4.16", "eslint": "8.49.0", "eslint-config-next": "13.5.2", "next": "13.5.2", "postcss": "8.4.30", "react": "18.2.0", "react-dom": "18.2.0", "swiper": "^10.3.0", "tailwindcss": "3.3.3", "typescript": "5.2.2" } }
Tailwind → 

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
    },
  },
  plugins: [],
}
2

Hi @Tejodeepmitraroy , thanks for the post and welcome to the Netlify Support Forums.

Looks like your GitHub repository you shared is either deleted or private.

If possible kindly share your build logs or the repository so that I can assist.
Thanks.