Summary  
This chapter explains how to connect a Git repository to a hosting service to automate project builds and publish updates.

General domain of usage  
Web application deployment

Kun projektin tietovarasto on perustettu ja olet onnistuneesti rekisteröitynyt Verceliin, sinut ohjataan näytölle, jossa voit yhdistää GitHub-tietovarastosi Verceliin.

## Ohjeet
1. Valitse juuri luotu projektin tietovarasto;
2. Napsauta "Import";
3. Nimeä projektisi;
4. Valitse "Deploy";
5. Odota, että projekti julkaistaan.


Tämän seurauksena projektisi pitäisi olla julkaistuna Vercelissä. URL-osoite näyttää esimerkiksi tältä: `https://tradehub-app-peach.vercel.app/`. Huomaa, että ilmaisissa suunnitelmissa URL-osoitteet ovat ennalta määriteltyjä, eikä niitä voi muuttaa ilman päivitystä.

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.

Next.js-sovelluksen Käyttöönotto Vercelissä

Ohjeet

Käytännössä