NextJS-kehyksen asennus
Tässä oppitunnissa asennamme NextJS:n.
Tämän kehyksen asentamiseksi tarvitset
NodeJS version 22 tai uudemman.
Asennuksen käynnistämiseksi pääteohjelmassa sinun on suoritettava seuraava komento:
npx create-next-app@latest
Tämän jälkeen asennusprosessi käynnistyy ja sinulta kysytään vastaamaan sarjaan kysymyksiä, joiden avulla kehys määritetään.
| Kysymys | Vastaus |
|---|---|
| What is your project named? |
Tässä meidän on annettava projektillemme nimi.
Voit antaa minkä tahansa nimen.
Kirjoita my-app.
|
| Would you like to use TypeScript? |
Tässä meille tarjotaan TypeScriptin käyttöä.
Emme tee niin, koska yksinkertaisuuden vuoksi
työskentelemme toistaiseksi JavaScriptillä.
Valitse No. |
| Would you like to use ESLint? |
ESLint on erikoinen kirjasto, joka tarkistaa
koodisi noudattamisen muotoilusääntöjä.
Valitse Yes. |
| Would you like to use Tailwind CSS? |
Tailwind on erityinen CSS-kehys Reactille.
Valitse Yes. |
| Would you like to use `src/` directory? |
Tässä kysytään, haluammeko projektimme
olevan src-kansiossa.
Valitse Yes. |
| Would you like to use App Router? |
Käyttöön moderni reititysvalinta.
Valitse Yes. |
| Would you like to customize the default import alias (@/*)? |
Tämä asetus helpottaa
tiedostopolkujen käyttöä
tiedostojen tuonnissa.
Valitse Yes. |
Kun olet vastannut kaikkiin esitettyihin kysymyksiin, kehyksen asennus käynnistyy. Kun projekti on luotu, siirry sen kansioon:
cd my-app
Luo projekti NextJS:llä.