Εγκατάσταση του πλαισίου NextJS

Σε αυτό το μάθημα θα εγκαταστήσουμε το NextJS. Για την εγκατάσταση αυτού του πλαισίου θα χρειαστείτε NodeJS έκδοσης 22 ή νεότερη.

Για να ξεκινήσετε την εγκατάσταση στο τερμιναλ πρέπει να εκτελέσετε την ακόλουθη εντολή:

Μετά από αυτό, θα ξεκινήσει η διαδικασία εγκατάστασης καθώς και θα σας ζητηθεί να απαντήσετε σε μια σειρά ερωτήσεων, με τις οποίες θα ρυθμιστεί το πλαίσιό σας.

Ερώτηση	Απάντηση
What is your project named?	Εδώ πρέπει να ορίσουμε το όνομα του project μας. Μπορείτε να ορίσετε οποιοδήποτε όνομα. Γράψτε my-app.
Would you like to use TypeScript?	Εδώ μας προτείνεται να χρησιμοποιήσουμε TypeScript. Δεν θα το κάνουμε αυτό, αφού για λόγους απλότητας θα δουλέψουμε με JavaScript. Επιλέξτε No.
Would you like to use ESLint?	Το ESLint είναι μια ειδική βιβλιοθήκη που ελέγχει αν ο κώδικάς σας συμμορφώνεται με τα πρότυπα μορφοποίησης. Επιλέξτε Yes.
Would you like to use Tailwind CSS?	Το Tailwind είναι ένα ειδικό πλαίσιο CSS για το React. Επιλέξτε Yes.
Would you like to use `src/` directory?	Εδώ ρωτάει αν θέλουμε το project μας να βρίσκεται σε έναν φάκελο src. Επιλέξτε Yes.
Would you like to use App Router?	Ενεργοποιεί τη σύγχρονη επιλογή δρομολόγησης. Επιλέξτε Yes.
Would you like to customize the default import alias (@/*)?	Αυτή η ρύθμιση επιτρέπει την απλοποίηση των διαδρομών προς τα αρχεία κατά τη χρήση εισαγωγών αρχείων. Επιλέξτε Yes.

Αφού απαντήσετε σε όλες τις ερωτήσεις θα ξεκινήσει η εγκατάσταση του πλαισίου. Όταν το project δημιουργηθεί, μεταβείτε στον φάκελο του: