Exemple de package.json
Voici un exemple de fichier package.json
typique pour un projet Next.js moderne :
{
"name": "beswib",
"version": "1.0.4",
"private": true,
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"lint": "eslint .",
"prettier": "prettier --write .",
"tsc:watch": "tsc --noEmit --watch",
"test": "vitest"
},
"dependencies": {
"@c15t/nextjs": "1.6.1",
"@clerk/localizations": "3.25.3",
"@clerk/nextjs": "6.32.2",
"@clerk/themes": "2.4.21",
"@faker-js/faker": "10.0.0",
"@formatjs/intl-localematcher": "0.6.1",
"@headlessui/react": "2.2.8",
"@heroicons/react": "2.2.0",
"@hookform/resolvers": "5.2.2",
"@next/eslint-plugin-next": "15.5.3",
"@next/third-parties": "15.5.3",
"three": "0.180.0",
"valibot": "1.1.0",
"zustand": "5.0.8"
},
"devDependencies": {
"@clerk/types": "4.86.0",
"@eslint/eslintrc": "3.3.1",
"@tailwindcss/postcss": "4.1.13",
"@types/node": "24.5.2",
"@types/react": "19.1.13",
"tailwindcss": "4.1.13",
"tw-animate-css": "1.3.8",
"typescript": "5.9.2",
"vitest": "3.2.4"
}
}
Explication des sections
Métadonnées du projet
name
: Nom du projetversion
: Version du projetprivate
: Indique que le package ne doit pas être publié sur npm
Scripts
Les scripts définissent les commandes disponibles avec npm run
:
dev
: Lance le serveur de développement avec Turbopackbuild
: Compile le projet pour la productionlint
: Vérifie le code avec ESLintprettier
: Formate le code avec Prettiertsc:watch
: Surveille les erreurs TypeScripttest
: Lance les tests avec Vitest
Dependencies
Les dépendances de production nécessaires au fonctionnement de l'application :
- Frameworks et librairies principales (Next.js, React, etc.)
- Authentification (Clerk)
- UI Components (Headless UI, Heroicons)
- Validation (Valibot)
- State management (Zustand)
- 3D (Three.js)
DevDependencies
Les dépendances de développement utilisées uniquement pendant le développement :
- Types TypeScript
- Outils de linting et formatting
- CSS framework (Tailwind)
- Tests (Vitest)