#Help for after build

3 messages · Page 1 of 1 (latest)

tardy sandal
#

Before build:

image.png
#

After build:

image.png
#

I'm using NextJs 14.0.2
My postcss.config.js look like this:

module.exports = {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
        'postcss-preset-mantine': {},
        'tailwindcss/nesting': 'postcss-nesting',
        'postcss-import': {},
        'postcss-simple-vars': {
            variables: {
                'mantine-breakpoint-xs': '36em',
                'mantine-breakpoint-sm': '48em',
                'mantine-breakpoint-md': '62em',
                'mantine-breakpoint-lg': '75em',
                'mantine-breakpoint-xl': '88em',
            },
        },
    },
};

My main layout look like this (i'm using app router also):


import './globals.css'

// Authentication
import AuthProvider from './context/AuthProvider'

// UI Libraries
import '@mantine/core/styles.css';
import { MantineProvider, ColorSchemeScript } from '@mantine/core';
import '@mantine/carousel/styles.css';


// Font
import { League_Spartan } from 'next/font/google'
const leagueSpartan = League_Spartan({ subsets: ['latin'], weight: '400' })

// Header Component
import Header from './components/Header'

// Metadata for SEO
export const metadata = {
  title: 'testolduk.com | En eÄŸlenceli testlerin adresi',
  description: 'TestOlduk.com Test Olduk TestOlduk',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <head>
        <ColorSchemeScript />
      </head>
      <body className={leagueSpartan.className}>
        <MantineProvider defaultColorScheme="dark">
          <AuthProvider>
            <Header />
            {children}
          </AuthProvider>
        </MantineProvider>
      </body>
    </html>
  )
}