Avant de commencer, nous devons installer Node.js vie les commandes suivantes :
Node.js va nous permettre d’exécuter du code côté serveur, notamment pour les fonctionnalités suivantes:
- Exécution côté serveur
- Gestion du serveur de développement
- Gestion des dépendances
- Compilation et optimisation
- Déploiement
Création d'un projet Next.JS
Pour créer un projet Next.js, nous devons exécuter la commande suivante dans notre terminal :
Ensuite, nous serons invités à répondre à plusieurs questions pour personnaliser notre projet, comme l’utilisation de TypeScript, ESLint, Tailwind CSS, la structure des fichiers, et le choix du routage. Ces options détermineront les outils et la configuration de notre projet.
En résumé, npx create-next-app@latest vous permet de créer rapidement un projet Next.js tout en choisissant des options comme TypeScript, ESLint ou Tailwind CSS, pour une base personnalisée et prête à développer.
Voici l’arborescence de notre projet après la création via notre commande.
Turbopack Le nouveau bundler ultra-rapide de Next.js
Turbopack est le tout nouveau bundler intégré à Next.js, créé pour remplacer Webpack tout en offrant des performances bien supérieures. Dans cet article, nous allons voir ce qu’est Turbopack et comment l’ajouter à un projet Next.js déjà existant.
Nous devons d’abord vérifier la version de notre projet
Nous allons accéder à notre fichier ‘package.json’ afin de modifier le script ‘dev’
Voici notre fichier ‘package.json’ et nous allons maintenant le modifier afin d’y ajouter Turbopack
Voici notre fichier ‘package.json’ après l’ajout de Turbopack
Nous pouvons apercevoir que Next.js utilise désormais Turbopack comme bundler.
Turbopack marque une avancée majeure dans le développement avec Next.js, offrant une vitesse et une fluidité incomparables. Que vous créiez un nouveau projet ou que vous passiez d’un projet existant, l’adopter est simple et rapide.