Summary  
This chapter covers how to leverage framework features for styling, asset optimization, file-based routing, data fetching and streaming, dynamic data mutation, search and pagination, and secure authentication.

General domain of usage  
Web development

Tämä kurssi on suunniteltu tarjoamaan **kattava taitopaketti**, joka kattaa erilaisia web-kehityksen osa-alueita Next.js-kehyksen avulla. Tässä on katsaus keskeisiin ominaisuuksiin, jotka hallitset tämän oppimismatkan aikana:
1. **Tyylien hallinta**: Eri tekniikoiden tutkiminen Next.js-sovelluksen tyylien toteuttamiseen, tyylivaihtoehtojen joustavuuden ja tehokkuuden hyödyntäminen;
2. **Omaisuuden optimointi**: Optimoinnin perusteiden oppiminen, sovelluksen suorituskyvyn parantaminen kuvien, linkkien ja fonttien optimoinnin avulla;
3. **Tehokas reititys**: Sisäkkäisten asettelujen ja sivujen luomisen periaatteet tiedostojärjestelmäreitityksen avulla, projektirakenteen yksinkertaistaminen;
4. **Tietojen hakemisen osaaminen**: Vahvan tietokannan perustaminen Verceliin sekä parhaiden käytäntöjen omaksuminen tietojen hakemiseen ja suoratoistoon, saumattoman integraation varmistaminen sovellukseen;
5. **Hakutoiminnot ja sivutusstrategiat**: Hakutoiminnallisuuden ja sivutuksen toteuttaminen URL Search Params -parametrien avulla, käyttäjäkokemuksen parantaminen dynaamisella sisällön navigoinnilla;
6. **Dynaaminen tietojen muokkaus**: Tietojen muokkaamisen hallinta React Server Actions -toimintojen avulla sekä Next.js-välimuistin uudelleenvalidointitekniikoiden hyödyntäminen optimaalisen tietovirran saavuttamiseksi;
7. **Autentikoinnin toteutus**: Turvallisuuden ja personoinnin lisääminen integroimalla autentikointi NextAuth.js:n ja Middleware-ratkaisujen avulla, turvallisen käyttäjäkokemuksen varmistaminen.


Opi rakentamaan moderneja, suorituskykyisiä web-sovelluksia Next.js:llä. Luo projekteja, joissa on jäsennelty ulkoasu, tyylittely ja reititys sujuvaa navigointia varten. Nouda ja näytä dataa tehokkaasti samalla kun optimoit renderöintiä ja suorituskykyä. Toteuta edistyneitä ominaisuuksia, kuten sivutus, CRUD-toiminnot ja globaali haku dynaamisia web-sovelluksia varten. Julkaise Next.js-projektisi, yhdistä ne tietokantoihin ja lisää autentikointi käyttäjätietojen suojaamiseksi.

Käydään läpi, mitä tulee hallita ennen Next.js-kehykseen perehtymistä, mitä tältä kurssilta voi odottaa ja mitä tulet rakentamaan.

Projektin perustaminen, tyylien lisäämistavat sovellukseen sekä visuaalisten osa-alueiden, kuten kuvien, fonttien, sivujen ja asetteluiden käsittely.

Opi luomaan ja hallitsemaan sovelluksesi uusia näkymiä vaivattomasti sekä navigoimaan saumattomasti kaikkien sivujen välillä sisäänrakennetun reititysjärjestelmän avulla.

Ota Next.js-sovellus käyttöön GitHub- ja Vercel-tunnusten avulla. Perusta lisäksi tietokanta, joka toimittaa sovellukselle tarvittavat tiedot.

Pohdi, miten data hankitaan ja esitetään käyttäjälle selkeästi ja tehokkaasti.

Opi toteuttamaan moderneja verkkosivustojen ominaisuuksia, kuten sivutus, CRUD-toiminnot, globaali haku, lomakkeiden validointi ja paljon muuta.

Projektin Yleiskatsaus