Vercel on palvelu, jossa web-sovelluksia julkaistaan ja ajetaan verkossa. Vercel kehittää myös Next.js:ää, ja Next.js-projektit toimivat siellä suoraan.
Vercel · Työkalut
Vercel on yhdysvaltalainen yritys ja sen samanniminen palvelu, jossa web-sovelluksia julkaistaan ja ajetaan verkossa. Sama yritys kehittää Next.js:ää, joten Next.js-projekti toimii Vercelissä ilman erillisiä asetuksia. Muitakin kehyksiä tuetaan, kuten Vitea ja Astroa. Hosting tarkoittaa tässä sitä, että Vercelin palvelimet näyttävät sivusi kävijöille ja ajavat sovelluksen palvelinpuolen koodin. Sovelluksen voi julkaista myös komentoriviltä vercel-komennolla, mutta GitHub-yhteys on helpompi, koska julkaisu tapahtuu silloin itsestään.
Vibekoodaajalle tavallisin reitti kulkee GitHubin kautta. Yhdistät GitHub-repositorion Vercel-projektiin, ja jokainen push päähaaraan julkaisee uuden version tuotantoon. Muut haarat ja pull requestit saavat oman esikatseluosoitteen, jossa muutosta voi kokeilla ennen kuin se menee oikeille käyttäjille. Esikatseluosoitteella voit myös näyttää keskeneräisen version jollekulle muulle, eikä tuotantoversio muutu. Claude Code tai Cursor tekee muutoksen, sinä pushaat sen, ja hetken päästä uusi versio on verkossa.
Ilmainen Hobby-taso on tarkoitettu henkilökohtaiseen, ei-kaupalliseen käyttöön. Kuukaudessa se sisältää esimerkiksi 100 Gt tiedonsiirtoa, miljoona CDN-pyyntöä, miljoona funktiokutsua ja neljä tuntia aktiivista prosessoriaikaa. Yrityksen sivustoon tai maksulliseen palveluun tarvitset Pro-tilauksen, joka maksaa 20 dollaria kuukaudessa plus arvonlisävero ja sisältää 20 dollarin käyttösaldon. Hinnat ja rajat on tarkistettu 12.11.2026 osoitteesta vercel.com/pricing. Käyttöä voi seurata Vercelin hallintapaneelista, joten näet ajoissa, jos jokin raja on tulossa vastaan.
Yleisin ongelma on, että sovellus toimii omalla koneella mutta julkaisu kaatuu Vercelissä. Syy on usein puuttuva ympäristömuuttuja: .env-tiedosto on yleensä rajattu pois GitHubista, joten avaimet pitää lisätä erikseen Vercelin projektiasetuksiin. Lue rakennuslokista ensimmäinen virheilmoitus ja anna se tekoälylle sellaisenaan. Aja npm run build myös itse ennen pushia, niin samat virheet näkyvät jo omalla koneella. Oman verkkotunnuksen saa liitettyä projektin asetuksista, ja Vercel hoitaa HTTPS-varmenteen itse.
Hobby-taso on ilmainen, mutta vain henkilökohtaiseen ja ei-kaupalliseen käyttöön. Siihen kuuluu kuukausittain esimerkiksi 100 Gt tiedonsiirtoa ja miljoona funktiokutsua. Yrityskäyttöön tarvitaan Pro-tilaus, joka maksaa 20 dollaria kuukaudessa ilman arvonlisäveroa (vercel.com/pricing, tarkistettu 12.11.2026).
Luo Vercel-tili, tuo GitHub-repositorio uudeksi projektiksi, lisää tarvittavat ympäristömuuttujat projektin asetuksiin ja käynnistä julkaisu. Vercel tunnistaa Next.js-projektin itse. Sen jälkeen jokainen push päähaaraan julkaisee uuden version automaattisesti.
Next.js on React-kehys, jolla sovellus kirjoitetaan. Vercel on palvelu, jossa sovellus ajetaan verkossa. Molempia kehittää sama yritys, mutta Next.js on avointa lähdekoodia ja toimii myös muualla, esimerkiksi omalla palvelimella Dockerin kanssa.
vercel deploy julkaisee sovelluksen tuotantoon
Push GitHubin päähaaraan julkaisee uuden version automaattisesti
Preview URL jokaiselle pull requestille: testi ennen tuotantoa
Hobby-taso on ilmainen henkilökohtaisiin, ei-kaupallisiin projekteihin
Tutustu kaikkiin vibekoodauksen termeihin.