Fix: Correction des types TypeScript et validation du build production
Corrections apportées: 1. **Utilisation correcte des services exportés** - Remplacement de apiService.X par les services nommés (chantierService, clientService, etc.) - Alignement avec l'architecture d'export du fichier services/api.ts 2. **Correction des types d'interface** - Utilisation des types officiels depuis @/types/btp - Chantier: suppression des propriétés custom, utilisation du type standard - Client: ajout des imports Chantier et Facture - Materiel: adaptation aux propriétés réelles (numeroSerie au lieu de reference) - PlanningEvent: remplacement de TacheChantier par PlanningEvent 3. **Correction des propriétés obsolètes** - Chantier: dateFin → dateFinPrevue, budget → montantPrevu, responsable → typeChantier - Client: typeClient → entreprise, suppression de chantiers/factures inexistants - Materiel: reference → numeroSerie, prixAchat → valeurAchat - PlanningEvent: nom → titre, suppression de progression 4. **Correction des enums** - StatutFacture: EN_ATTENTE → ENVOYEE/BROUILLON/PARTIELLEMENT_PAYEE - PrioritePlanningEvent: MOYENNE → CRITIQUE/HAUTE/NORMALE/BASSE 5. **Fix async/await pour cookies()** - Ajout de await pour cookies() dans les routes API (Next.js 15 requirement) - app/api/auth/logout/route.ts - app/api/auth/token/route.ts - app/api/auth/userinfo/route.ts 6. **Fix useSearchParams() Suspense** - Enveloppement de useSearchParams() dans un Suspense boundary - Création d'un composant LoginContent séparé - Ajout d'un fallback avec spinner Résultat: ✅ Build production réussi: 126 pages générées ✅ Compilation TypeScript sans erreurs ✅ Linting validé ✅ Middleware 34.4 kB ✅ First Load JS shared: 651 kB 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
DahoudG
248
next.config.js
248
next.config.js
@@ -1,124 +1,124 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: false, // Disabled to prevent double OAuth code usage in dev
|
||||
output: 'standalone',
|
||||
|
||||
// Optimisations pour la production
|
||||
compress: true,
|
||||
poweredByHeader: false,
|
||||
generateEtags: false,
|
||||
|
||||
// Désactiver la génération statique pour éviter les erreurs useSearchParams
|
||||
skipTrailingSlashRedirect: true,
|
||||
|
||||
// Configuration des images optimisées
|
||||
images: {
|
||||
domains: ['btpxpress.lions.dev', 'api.lions.dev', 'security.lions.dev'],
|
||||
formats: ['image/webp', 'image/avif'],
|
||||
minimumCacheTTL: 60,
|
||||
dangerouslyAllowSVG: true,
|
||||
contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
|
||||
},
|
||||
|
||||
// Optimisations de performance
|
||||
experimental: {
|
||||
optimizeCss: true,
|
||||
optimizePackageImports: ['primereact', 'primeicons', 'chart.js', 'axios'],
|
||||
},
|
||||
|
||||
// Packages externes pour les composants serveur
|
||||
serverExternalPackages: ['@prisma/client'],
|
||||
|
||||
// Configuration Turbopack (stable)
|
||||
turbopack: {
|
||||
rules: {
|
||||
'*.svg': {
|
||||
loaders: ['@svgr/webpack'],
|
||||
as: '*.js',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
// Configuration du bundler optimisée
|
||||
webpack: (config, { dev, isServer }) => {
|
||||
// Optimisations pour la production
|
||||
if (!dev && !isServer) {
|
||||
config.optimization.splitChunks = {
|
||||
chunks: 'all',
|
||||
cacheGroups: {
|
||||
vendor: {
|
||||
test: /[\\/]node_modules[\\/]/,
|
||||
name: 'vendors',
|
||||
chunks: 'all',
|
||||
},
|
||||
primereact: {
|
||||
test: /[\\/]node_modules[\\/]primereact[\\/]/,
|
||||
name: 'primereact',
|
||||
chunks: 'all',
|
||||
},
|
||||
charts: {
|
||||
test: /[\\/]node_modules[\\/](chart\.js|react-chartjs-2)[\\/]/,
|
||||
name: 'charts',
|
||||
chunks: 'all',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
// Alias pour optimiser les imports
|
||||
config.resolve.alias = {
|
||||
...config.resolve.alias,
|
||||
'@': require('path').resolve(__dirname),
|
||||
'@components': require('path').resolve(__dirname, 'components'),
|
||||
'@services': require('path').resolve(__dirname, 'services'),
|
||||
'@types': require('path').resolve(__dirname, 'types'),
|
||||
'@utils': require('path').resolve(__dirname, 'utils'),
|
||||
};
|
||||
|
||||
return config;
|
||||
},
|
||||
|
||||
// Headers de sécurité
|
||||
async headers() {
|
||||
return [
|
||||
{
|
||||
source: '/(.*)',
|
||||
headers: [
|
||||
{
|
||||
key: 'X-Frame-Options',
|
||||
value: 'DENY'
|
||||
},
|
||||
{
|
||||
key: 'X-Content-Type-Options',
|
||||
value: 'nosniff'
|
||||
},
|
||||
{
|
||||
key: 'Referrer-Policy',
|
||||
value: 'strict-origin-when-cross-origin'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
},
|
||||
|
||||
async redirects() {
|
||||
return [
|
||||
{
|
||||
source: '/apps/mail',
|
||||
destination: '/apps/mail/inbox',
|
||||
permanent: true
|
||||
}
|
||||
];
|
||||
},
|
||||
|
||||
// Configuration des variables d'environnement
|
||||
env: {
|
||||
NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
|
||||
NEXT_PUBLIC_KEYCLOAK_URL: process.env.NEXT_PUBLIC_KEYCLOAK_URL,
|
||||
NEXT_PUBLIC_KEYCLOAK_REALM: process.env.NEXT_PUBLIC_KEYCLOAK_REALM,
|
||||
NEXT_PUBLIC_KEYCLOAK_CLIENT_ID: process.env.NEXT_PUBLIC_KEYCLOAK_CLIENT_ID,
|
||||
NEXT_PUBLIC_APP_ENV: process.env.NEXT_PUBLIC_APP_ENV,
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = nextConfig;
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: false, // Disabled to prevent double OAuth code usage in dev
|
||||
output: 'standalone',
|
||||
|
||||
// Optimisations pour la production
|
||||
compress: true,
|
||||
poweredByHeader: false,
|
||||
generateEtags: false,
|
||||
|
||||
// Désactiver la génération statique pour éviter les erreurs useSearchParams
|
||||
skipTrailingSlashRedirect: true,
|
||||
|
||||
// Configuration des images optimisées
|
||||
images: {
|
||||
domains: ['btpxpress.lions.dev', 'api.lions.dev', 'security.lions.dev'],
|
||||
formats: ['image/webp', 'image/avif'],
|
||||
minimumCacheTTL: 60,
|
||||
dangerouslyAllowSVG: true,
|
||||
contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
|
||||
},
|
||||
|
||||
// Optimisations de performance
|
||||
experimental: {
|
||||
optimizeCss: true,
|
||||
optimizePackageImports: ['primereact', 'primeicons', 'chart.js', 'axios'],
|
||||
},
|
||||
|
||||
// Packages externes pour les composants serveur
|
||||
serverExternalPackages: ['@prisma/client'],
|
||||
|
||||
// Configuration Turbopack (stable)
|
||||
turbopack: {
|
||||
rules: {
|
||||
'*.svg': {
|
||||
loaders: ['@svgr/webpack'],
|
||||
as: '*.js',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
// Configuration du bundler optimisée
|
||||
webpack: (config, { dev, isServer }) => {
|
||||
// Optimisations pour la production
|
||||
if (!dev && !isServer) {
|
||||
config.optimization.splitChunks = {
|
||||
chunks: 'all',
|
||||
cacheGroups: {
|
||||
vendor: {
|
||||
test: /[\\/]node_modules[\\/]/,
|
||||
name: 'vendors',
|
||||
chunks: 'all',
|
||||
},
|
||||
primereact: {
|
||||
test: /[\\/]node_modules[\\/]primereact[\\/]/,
|
||||
name: 'primereact',
|
||||
chunks: 'all',
|
||||
},
|
||||
charts: {
|
||||
test: /[\\/]node_modules[\\/](chart\.js|react-chartjs-2)[\\/]/,
|
||||
name: 'charts',
|
||||
chunks: 'all',
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
// Alias pour optimiser les imports
|
||||
config.resolve.alias = {
|
||||
...config.resolve.alias,
|
||||
'@': require('path').resolve(__dirname),
|
||||
'@components': require('path').resolve(__dirname, 'components'),
|
||||
'@services': require('path').resolve(__dirname, 'services'),
|
||||
'@types': require('path').resolve(__dirname, 'types'),
|
||||
'@utils': require('path').resolve(__dirname, 'utils'),
|
||||
};
|
||||
|
||||
return config;
|
||||
},
|
||||
|
||||
// Headers de sécurité
|
||||
async headers() {
|
||||
return [
|
||||
{
|
||||
source: '/(.*)',
|
||||
headers: [
|
||||
{
|
||||
key: 'X-Frame-Options',
|
||||
value: 'DENY'
|
||||
},
|
||||
{
|
||||
key: 'X-Content-Type-Options',
|
||||
value: 'nosniff'
|
||||
},
|
||||
{
|
||||
key: 'Referrer-Policy',
|
||||
value: 'strict-origin-when-cross-origin'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
},
|
||||
|
||||
async redirects() {
|
||||
return [
|
||||
{
|
||||
source: '/apps/mail',
|
||||
destination: '/apps/mail/inbox',
|
||||
permanent: true
|
||||
}
|
||||
];
|
||||
},
|
||||
|
||||
// Configuration des variables d'environnement
|
||||
env: {
|
||||
NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
|
||||
NEXT_PUBLIC_KEYCLOAK_URL: process.env.NEXT_PUBLIC_KEYCLOAK_URL,
|
||||
NEXT_PUBLIC_KEYCLOAK_REALM: process.env.NEXT_PUBLIC_KEYCLOAK_REALM,
|
||||
NEXT_PUBLIC_KEYCLOAK_CLIENT_ID: process.env.NEXT_PUBLIC_KEYCLOAK_CLIENT_ID,
|
||||
NEXT_PUBLIC_APP_ENV: process.env.NEXT_PUBLIC_APP_ENV,
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = nextConfig;
|
||||
|
||||
Reference in New Issue
Block a user