Summary  
This chapter covers integrating an authentication library to manage user sessions, sign-in and sign-out flows, including installing the library and configuring secure environment variables.

General domain of usage  
Web applications

NextAuth.js on työkalu, jonka avulla tunnistautumisen lisääminen sovellukseen on helppoa. Se huolehtii käyttäjäistuntojen hallinnan, sisäänkirjautumisen, uloskirjautumisen ja muiden tunnistautumistehtävien monimutkaisuudesta. Sen sijaan, että nämä ominaisuudet rakennettaisiin manuaalisesti, mikä voi olla aikaa vievää ja altista virheille, NextAuth.js yksinkertaistaa prosessin tarjoten yhtenäisen ratkaisun tunnistautumiseen Next.js-sovelluksissa.

## NextAuth.js:n käyttöönotto
**Tärkeää**: Windows-käyttäjät, älkää käyttäkö PowerShell-päätettä, vaan käyttäkää Bash-päätettä.
- **Asenna NextAuth.js**: Suorita komento `npm install next-auth@beta` päätelaitteessa asentaaksesi NextAuth.js:n beta-version. Tämä versio on yhteensopiva Next.js 14:n kanssa;
- **Luo salainen avain**: Luo salainen avain evästeiden salaamiseen ja käyttäjäistuntojen suojaamiseen. Suorita `openssl rand -base64 32` päätelaitteessa avaimen luomiseksi;
- **Lisää avain `.env`-tiedostoon**: Lisää luotu avain `.env`-tiedostoon ja määritä se `AUTH_SECRET`-muuttujalle:

- **Päivitä ympäristömuuttujat Vercelissä**: Jos sovellus otetaan käyttöön tuotantoon Vercelissä, päivitä myös ympäristömuuttujat siellä.

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.

NextAuth.js:n Käyttäminen Todennukseen

NextAuth.js:n käyttöönotto

Käytännössä

Awesome!

NextAuth.js:n Käyttäminen Todennukseen

NextAuth.js:n käyttöönotto

Käytännössä