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 projet
  • version: Version du projet
  • private: 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 Turbopack
  • build: Compile le projet pour la production
  • lint: Vérifie le code avec ESLint
  • prettier: Formate le code avec Prettier
  • tsc:watch: Surveille les erreurs TypeScript
  • test: 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)