Εγκατάσταση του πλαισίου NextJS
Σε αυτό το μάθημα θα εγκαταστήσουμε το NextJS.
Για την εγκατάσταση αυτού του πλαισίου θα χρειαστείτε
NodeJS έκδοσης 22 ή νεότερη.
Για να ξεκινήσετε την εγκατάσταση στο τερμιναλ πρέπει να εκτελέσετε την ακόλουθη εντολή:
terminalnpx create-next-app@latest
Μετά από αυτό, θα ξεκινήσει η διαδικασία εγκατάστασης καθώς και θα σας ζητηθεί να απαντήσετε σε μια σειρά ερωτήσεων, με τις οποίες θα ρυθμιστεί το πλαίσιό σας.
| Ερώτηση | Απάντηση |
|---|---|
| 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 δημιουργηθεί, μεταβείτε στον φάκελο του:
terminalcd my-app
Задание 1
Δημιουργήστε ένα project στο NextJS.