Maîtrisez Next.js, le framework React pour applications modernes. Commandes CLI, SSR, SSG et déploiement sur Vercel.
npx create-next-app@latestCrée une nouvelle application Next.js
--ts--typescript--js--javascript--tailwind--eslint--app--src-dir--import-alias--use-npm--use-yarn--use-pnpm--use-bun--example-e--example-path--no-git--skip-install--empty--turbo
npm run devLance le serveur de développement Next.js
---p--port-H--hostname--experimental-https--experimental-https-key--experimental-https-cert--experimental-https-ca--turbo--turbo-root--turbopack--experimental-test-proxy--disable-source-maps--inspect--max-old-space-size--enable-experimental-web-platform-features
next devLance le serveur de développement (via npx)
-p--port-H--hostname--experimental-https--turbo--turbopack--disable-source-maps
npm run buildCompile l'application Next.js pour la production
----profile--debug--no-lint--no-mangling--experimental-build-mode--experimental-debug-memory-usage--experimental-worker-threads--max-old-space-size--generate-build-id
next buildBuild l'application Next.js (via npx)
--profile--debug--no-lint--no-mangling--experimental-build-mode--experimental-debug-memory-usage--experimental-worker-threads--max-old-space-size
npm run startDémarre le serveur de production Next.js
---p--port-H--hostname--keepAliveTimeout--max-old-space-size
next startDémarre le serveur de production (via npx)
-p--port-H--hostname--keepAliveTimeout--max-old-space-size
npm run lintLance ESLint pour vérifier le code Next.js
----fix--dir--file--ext--config-c--ignore-path--no-ignore--quiet--max-warnings--format-f--output-file-o--cache--no-cache--cache-location--cache-strategy--rulesdir--resolve-plugins-relative-to
next lintLance ESLint Next.js (via npx)
--fix--dir--file--ext--quiet--max-warnings
npm run telemetryGère les paramètres de télémétrie Next.js
--statusenabledisable
next telemetryGère la télémétrie Next.js (via npx)
statusenabledisable
next infoAffiche les informations système et de version Next.js
--verbose
next experimental-compileCompile expérimentalement le projet Next.js
--watch--force
next exportExporte l'application en fichiers statiques HTML
-o--outdir--threads--concurrency--silent
next importImporte un projet depuis un autre framework
npx next@latest upgradeMet à niveau Next.js vers la dernière version
--force--no-frozen-lockfile
npx @next/codemodExécute des codemods pour migrer le code Next.js
--force--dry--print--verbose--ignore-config--parser--extensions-j--jobs
npx next-codemodAlias pour les codemods Next.js
--force--dry--print--verbose
npx vercelDéploie l'application Next.js sur Vercel
--prod--confirm--no-clipboard--token-t--scope-S--name--env--build-env--meta--regions--archive--prebuilt--with-cache--skip-domain--force--yes-y--public--no-wait--debug--version-v
npx vercel devLance l'environnement de développement Vercel
--listen-l--port-p--confirm--debug
npx vercel envGère les variables d'environnement Vercel
lsaddrmpull
npx vercel linkLie le projet local à un projet Vercel
--repo--project--scope--confirm
npx vercel pullTélécharge les variables d'environnement Vercel
--environment-e--yes-y
npx vercel buildBuild le projet avec les paramètres Vercel
--prod--cwd--yes-y
npx netlify deployDéploie l'application Next.js sur Netlify
--prod--open--message-m--site-s--auth-a--dir--functions--json--timeout--alias--branch
npx netlify devLance l'environnement de développement Netlify
--port-p--command-c--target-port--no-open--live--dir--functions--offline--graph--country--geo--static-proxy--framework
npx netlify linkLie le projet local à un site Netlify
--id--name
npx netlify envGère les variables d'environnement Netlify
getsetunsetlistimportclone--context--scope
npx prisma generateGénère le client Prisma pour Next.js
--schema--data-proxy--watch--no-hints--sql
npx prisma db pushPousse le schéma Prisma vers la base de données
--schema--skip-generate--accept-data-loss--force-reset--preview-feature
npx prisma migrate devCrée et applique les migrations Prisma
--name--create-only--skip-seed--skip-generate
npx prisma studioOuvre Prisma Studio pour visualiser les données
--port-p--browser--schema
npx drizzle-kit generateGénère les migrations Drizzle ORM
--config--name--custom--breakpoints--out
npx drizzle-kit pushPousse le schéma Drizzle vers la base de données
--config--force--verbose
npx drizzle-kit studioOuvre Drizzle Studio
--config--port--host
npx next-authUtilitaires NextAuth.js / Auth.js
secretgenerate
npx shadcn-ui initInitialise shadcn/ui dans un projet Next.js
--defaults-d--force-f--yes-y--cwd--silent
npx shadcn-ui addAjoute des composants shadcn/ui
--overwrite-o--path-p--cwd--all-a--yes-y
npx shadcn-ui diffAffiche les différences des composants shadcn/ui
--cwd
npx tailwindcss initInitialise Tailwind CSS
-p--postcss--full-f--ts--esm--help
npx tailwindcss -i input.css -o output.cssCompile Tailwind CSS
--watch-w--minify-m--content--config-c--postcss
npx playwright testLance les tests E2E avec Playwright
--headed--debug--ui--project--grep-g--grep-invert--max-failures--workers-j--timeout--config-c--reporter--output--trace--video--screenshot--update-snapshots-u
npx playwright codegenGénère du code de test Playwright
--target-b--browser--device--save-storage--load-storage--lang--viewport-size--output-o--test-id-attribute--ignore-https-errors
npx cypress openOuvre Cypress Test Runner
--config-c--env-e--browser-b--port-p--headed--project--global--component
npx cypress runExécute les tests Cypress
--spec-s--browser-b--headed--no-exit--port-p--config-c--env-e--record--parallel--group--tag--component
npm run jestLance les tests unitaires avec Jest
----watch--watchAll--coverage--verbose--runInBand--maxWorkers--testNamePattern-t--updateSnapshot-u--bail--silent--onlyChanged-o
npm run vitestLance les tests avec Vitest
----watch-w--run--coverage--ui--reporter--silent--dom--browser--environment--update-u--testNamePattern-t--dir--exclude--typecheck
npx storybook initInitialise Storybook dans Next.js
--type--builder--use-npm--skip-install--yes-y--force-f--disable-telemetry
npm run storybookLance le serveur Storybook
---p--port-h--host--ci--https--ssl-ca--ssl-cert--ssl-key--smoke-test--quiet--no-open--disable-telemetry
npm run build-storybookBuild Storybook pour le déploiement
---o--output-dir--loglevel--quiet--webpack-stats-json--preview-url--force-build-preview--test--disable-telemetry
npx ladle serveLance Ladle (alternative à Storybook)
--port--base--out--config--viteConfig--storybook
npx ladle buildBuild Ladle
--out--base--config--viteConfig--storybook
npx chromaticPublie Storybook sur Chromatic
--project-token--app-code--branch-name--build-script-name--exit-zero-on-changes--auto-accept-changes--force-rebuild--skip--storybook-build-dir--storybook-base-dir--storybook-config-dir--storybook-log-level--storybook-port--storybook-https--storybook-cert--storybook-key--storybook-ca--only-changed--untraced--externals--debug--interactive--junit-report--preserve-missing--only-story-names--only-story-files--trace-changed--ui-tests--playwright--cypress
npx next-sitemapGénère le sitemap.xml pour Next.js
--config-c--dry-run--no-index-sitemap--no-robots-txt--out-dir--ignore-node-modules
npx next-pwaConfigure PWA pour Next.js
npx @next/bundle-analyzerAnalyse la taille du bundle Next.js
--enabled
ANALYZE=true npm run buildBuild avec analyse du bundle activée
npx size-limitVérifie la taille du bundle
--json--output--why--debug--limit--config--clean-dir--highlight-less--compare-with
npx depcheckVérifie les dépendances inutilisées dans Next.js
--ignore-bin-package--skip-missing--json--ignores--parsers--detectors--specials
npx npm-check-updatesVérifie les mises à jour des dépendances
-u--interactive-i--filter-f--target-t--registry-r--doctor--enginesNode--packageManager--reject
npx tsc --noEmitVérifie les types TypeScript
--watch-w--project-p--pretty--skipLibCheck--strict--incremental--tsBuildInfoFile
npx eslint . --ext .ts,.tsxLance ESLint sur les fichiers TypeScript
--fix--quiet--format--max-warnings--cache--ignore-path--no-ignore
npx prettier --write .Formate tout le projet avec Prettier
--check--config--ignore-path--parser--print-width--tab-width--single-quote--trailing-comma--bracket-spacing--arrow-parens--end-of-line--semi--use-tabs--prose-wrap
npx husky installInstalle les hooks Git Husky
--force-f
npx husky addAjoute un hook Git Husky
npx lint-stagedLance les linters sur les fichiers stagés
--config-c--debug--relative--shell--quiet-q--concurrent--no-stash--diff--diff-filter
npx commitlintVérifie les messages de commit
--edit-e--config-g--cwd--from--to--verbose-V--quiet-q
npx semantic-releaseAutomatise les releases sémantiques
--branches-b--repository-url-r--tag-format-t--extends-e--debug-d--dry-run--no-ci--ci--verify-conditions--analyze-commits--verify-release--generate-notes--prepare--publish--success--fail
npx changesetGère les changements de version
initaddversionpublishstatuspretag
npx turbo devLance le dev avec Turborepo
--filter-F--parallel--no-cache--force--continue--dry--dry-run--only--output-logs--log-order--concurrency--env-mode
npx turbo buildBuild avec Turborepo
--filter-F--parallel--no-cache--force--continue--dry--dry-run--only--output-logs--log-order--concurrency--env-mode--remote-only
npx nx serveLance le serveur avec Nx
--configuration-c--prod--skip-nx-cache--parallel--maxParallel--only-failed--exclude--files--verbose--help
npx nx buildBuild avec Nx
--configuration-c--prod--skip-nx-cache--parallel--maxParallel--with-deps--exclude--verbose
npx nx testLance les tests avec Nx
--configuration-c--watch--watchAll--coverage--verbose--testPathPattern-t--updateSnapshot-u
npx nx graphAffiche le graphe des dépendances Nx
--open--file--focus--exclude--watch--help
npx lerna run buildBuild avec Lerna (monorepo)
--scope--ignore--parallel--stream--no-bail--concurrency--sort--include-dependencies--no-private
npx pnpm --filterFiltre les commandes PNPM dans monorepo
devbuildstarttestlint--parallel--stream--reporter
npx docker build -t next-app .Build l'image Docker pour Next.js
--build-arg--file-f--tag-t--target--platform--no-cache--pull--progress--secret--ssh--output-o
npx docker run -p 3000:3000 next-appLance le conteneur Docker Next.js
--name--rm--detach-d--env-e--env-file--volume-v--publish-p--network--restart
npx docker-compose upLance Docker Compose pour Next.js
--build--detach-d--force-recreate--no-deps--remove-orphans--scale--timeout-t
npx next start --port 3000Démarre Next.js sur un port spécifique
-p--port-H--hostname--keepAliveTimeout
NODE_OPTIONS='--inspect' next devLance Next.js avec débogueur Node.js
--inspect-brk--inspect-port--max-old-space-size
npx next dev --turboLance Next.js avec Turbopack activé
--port-p--hostname-H
npx next build --profileBuild avec profilage pour optimisation
--debug--no-lint--no-mangling
npx next build --experimental-build-mode compileBuild expérimental avec compilation
--profile--debug
npx open-next buildBuild Next.js pour déploiement sur AWS Lambda
--minify--build-command--config
npx serverless deployDéploie Next.js sur AWS avec Serverless
--stage-s--region-r--aws-profile--verbose-v--function-f--config-c--force--noDeploy--conceal
npx next-image-optimizerOptimise les images pour Next.js
--input-i--output-o--quality-q--width-w--height--format--fit
npx next-seoOutils SEO pour Next.js
npx next-i18nextUtilitaires d'internationalisation
--config--locale--namespace
npx next-translateAlternative i18n pour Next.js
npx next-intlInternationalisation Next.js avec ICU
npx next-sanityIntègre Sanity CMS avec Next.js
npx contentlayer buildBuild Contentlayer pour Next.js
--config-c--watch-w--clearCache--verbose--tsconfig
npx contentlayer devLance Contentlayer en mode watch
--config-c--verbose--tsconfig
npx next-mdx-remoteUtilitaires MDX pour Next.js
npx @next/mdxPlugin MDX officiel Next.js
npx next-remote-watchRecharge Next.js sur changement de fichiers distants
npx next-compose-pluginsCombine les plugins Next.js
npx next-transpile-modulesTranspile les modules node_modules
