PricingLoginStart free
Next.js 15 -fullstack-kehitys (App Router + Server Actions) logo
TypeScriptVerkkoTasot A1 → C222 kieltä

Next.js 15 -fullstack-kehitys (App Router + Server Actions)

Hallitkaa fullstack-verkkokehitys Next.js 15:llä ja hyödyntäkää App Routeria sekä Server Actions -toimintoja suorituskykyisten ja skaalautuvien sovellusten rakentamiseen. CoddyKitin oppimispolku, joka sisältää 22 lyhyttä kurssia ja 88 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
22
Oppitunnit
88
Interaktiiviset vaiheet
1,073
Aloita maksutta
Kurssi 1
Kurssisisältö

22 kurssia tässä opintopolussa

Kaikki Next.js 15 -fullstack-kehitys (App Router + Server Actions)-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A14 oppituntiaIlmainen

Aloittakaa Next.js 15:n käyttö tutustumalla sen keskeisiin periaatteisiin, projektin määrittämiseen ja tiedostojärjestelmään perustuvaan reititysmalliin. Luokaa perusta nykyaikaisten verkkosovelluste…

  1. 1Projektin määritys ja CLI
  2. 2Tiedostojärjestelmäpohjaisen reitityksen perusteet
  3. 3Sivujen ja asettelujen yleiskatsaus
  4. +1 lisää
Aloita opiskelu maksutta
2

A24 oppituntiaPRO

Tutustukaa tehokkaaseen App Routeriin ja oppikaa jäsentämään sovelluksenne layoutien, sivujen ja dynaamisten reittien avulla. Perehtykää lataustiloihin ja virheenkäsittelyyn Suspense-rajojen avulla.

  1. 1Asettelut ja sivukomponentit
  2. 2Dynaamiset reitit ja parametrit
  3. 3Lataus- ja virhekäyttöliittymä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
3

B14 oppituntiaPRO

Rakenna tuotantotason REST- ja suoratoistorajapintoja Next.js:n Route Handlers -ratkaisulla Node- ja Edge-ajoympäristöissä.

  1. 1RESTful-reittikäsittelijöiden suunnittelu Web Request APIlla
  2. 2Node-ajonaikainen ympäristö ja Edge-ajonaikainen ympäristö
  3. 3Vastausten suoratoisto ja ReadableStream-käsittelijöissä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
4

B14 oppituntiaPRO

Ota haltuun modernit Next.js-lomakemallit, joissa yhdistyvät Server Actions, useFormStatus ja optimistiset päivitykset.

  1. 1Progressiivinen parantaminen form Action -propsilla
  2. 2Odotus- ja lataustilat useFormStatusilla
  3. 3Kenttäkohtaiset validointivirheet useActionStatella
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
5

B14 oppituntiaPRO

Hallitkaa React Server Components- ja Client Components -komponenttien tuoma ajattelutavan muutos Next.js 15:ssä. Ymmärtäkää, milloin ja miten kumpaakin käytetään optimaalisen suorituskyvyn ja intera…

  1. 1RSC:n ja RCC:n ymmärtäminen
  2. 2Datan hakeminen RSC:ssä
  3. 3Interaktiivisuus RCC:llä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
6

B14 oppituntiaPRO

Ymmärtäkää Next.js:n edistyneet tilanhallintamallit, kuten React Contextin, Zustandin tai Jotain hyödyntäminen globaalin ja paikallisen tilan hallintaan.

  1. 1React Context API
  2. 2Globaali tila Zustandilla
  3. 3Palvelintilan hallinta
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
7

B23 oppituntiaPRO

Tutustukaa erilaisiin datan hakustrategioihin Next.js 15:ssä, kuten Server Components -komponenttien palvelinpuolen datanhakuun ja interaktiivisten käyttöliittymien asiakaspuolen hakuun.

  1. 1Datan hakeminen palvelinpuolella
  2. 2Välimuistitus ja uudelleenvalidointi
  3. 3Rinnakkainen, peräkkäinen ja suoratoistettava tiedonhaku
Aloita opiskelu maksuttaAvaa PRO-tilauksella
8

B24 oppituntiaPRO

Tutustukaa Server Actions -toimintojen mahdollisuuksiin käsitellä palvelinpuolen mutaatioita suoraan Client Components -komponenteista. Oppikaa luomaan lomakkeita ja päivittämään dataa tehokkaasti.

  1. 1Palvelintoimintojen lomakkeiden perusteet
  2. 2Datan muuttaminen ja uudelleenvalidointi
  3. 3Toimintojen virheenkäsittely
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
9

B24 oppituntiaPRO

Oppikaa yhdistämään Next.js-täyden pinon sovelluksenne tietokantaan. Minikurssilla käsitellään Prisma-kaltaisten ORM:ien käyttöä ja CRUD-operaatioiden suorittamista.

  1. 1Prisma ORM:n määrittäminen
  2. 2CRUD Server Actions -toiminnoilla
  3. 3Tietokannan skeeman migraatiot
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
10

B26 oppituntiaPRO

Suojaakaa Next.js-sovelluksenne toteuttamalla vankat todentamis- ja valtuutusstrategiat. Tutustukaa vaihtoehtoihin, kuten NextAuth.js:ään ja mukautettuihin ratkaisuihin.

  1. 1NextAuth.js:n integrointi
  2. 2JWT-strategian toteutus
  3. 3Reittien ja datan suojaaminen
  4. +3 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
11

B24 oppituntiaPRO

Varmistakaa Next.js-projektienne luotettavuus ja ylläpidettävyys perehtymällä erilaisiin testausmenetelmiin yksikkötesteistä end-to-end-testeihin.

  1. 1Komponenttien yksikkötestaus
  2. 2Sivujen integraatiotestaus
  3. 3E2E Playwrightilla/Cypressillä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
12

B24 oppituntiaPRO

Ottakaa Next.js-täyden pinon sovelluksenne käyttöön tuotantoympäristössä ja soveltakaa kaikkia oppimianne käsitteitä rakentamalla kattava ja monimutkainen käytännön projekti.

  1. 1Käyttöönotto Vercelissä
  2. 2Fullstack-sovelluksen rakentaminen
  3. 3Projektin katselmointi ja parhaat käytännöt
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
13

B24 oppituntiaPRO

Ymmärrä ja hallitse Next.js:n neljää välimuistikerrosta, jotta data päivittyy nopeasti ja oikein.

  1. 1Neljä välimuistia: pyyntö, data, koko reitti ja reititin
  2. 2Aikaperusteiset ja tarpeen mukaan tehtävät uudelleenvalidointistrategiat
  3. 3Tunnistepohjainen mitätöinti tarkkaan välimuistin tyhjennykseen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
14

B24 oppituntiaPRO

Tuota sisältö näkyviin nopeasti suoratoistamalla palvelinkomponentteja ja ottamalla käyttöön Partial Prerendering.

  1. 1Suspense-rajat ja komponenttitason suoratoisto
  2. 2Merkityksellisten loading.tsx-tiedostojen ja skeletonien suunnittelu
  3. 3Osittainen esirenderöinti: staattinen runko ja dynaamiset aukot
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
15

B24 oppituntiaPRO

Rakenna monikielisiä Next.js-sovelluksia kielialueiden reitityksellä, käännöksillä ja hakukoneystävällisillä metatiedoilla.

  1. 1Kielialueen tunnistus ja alihakemistoreititys middlewaressa
  2. 2Käännösten lataaminen palvelimella ja viestiluettelot
  3. 3Lokalisoinnin mukaiset metatiedot, sivustokartat ja hreflang
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
16

C13 oppituntiaPRO

Kehittäkää Server Actions -osaamistanne toteuttamalla optimistisia käyttöliittymäpäivityksiä, käsittelemällä monimutkaisia lomaketietoja ja hallitsemalla tiedostojen latauksia suoraan palvelimella.

  1. 1Optimistiset käyttöliittymäpäivitykset
  2. 2Tiedostojen lataaminen toimintojen avulla
  3. 3Server Actions -toimintojen validointi ja virheenkäsittely
Aloita opiskelu maksuttaAvaa PRO-tilauksella
17

C14 oppituntiaPRO

Hallitkaa tekniikat, joilla Next.js-sovelluksen nopeutta ja käyttökokemusta optimoidaan. Kurssilla käsitellään kuvien, fonttien ja bundlen optimointia.

  1. 1Kuvien ja fonttien optimointi
  2. 2Bundlen koon analysointi
  3. 3Edistyneet välimuististrategiat
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
18

C14 oppituntiaPRO

Koosta monimutkaisia asetteluja ja modaalivirtoja rinnakkaisten slottien ja reittien sieppauksen avulla.

  1. 1Rinnakkaiset reitit nimetyillä sloteilla ja oletussegmenteillä
  2. 2Reittien sieppaus jaetuille modaalinäkymille
  3. 3Ehdollinen slot-renderöinti koontinäytöille ja välilehdille
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
19

C14 oppituntiaPRO

Lisää Next.js-sovelluksiin live-dataa, läsnäolotietoja ja tekoälyn suoratoistoa SSE:n, WebSocketien ja ulkoisten reaaliaikapalveluiden avulla.

  1. 1Palvelimen lähettämät tapahtumat reittikäsittelijöistä
  2. 2WebSocket-palveluiden integrointi serverless-ympäristössä
  3. 3Tekoälyvastausten suoratoisto token kerrallaan
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
20

C14 oppituntiaPRO

Instrumentoi Next.js-sovellukset tuotantoa varten rakenteisella lokituksella, jäljityksellä ja vikasietoisella virheenkäsittelyllä.

  1. 1OpenTelemetry-jäljitys instrumentation.ts-tiedostolla
  2. 2Hienojakoiset error.tsx- ja global-error-rajat
  3. 3Rakenteinen lokitus palvelin- ja Edge-ympäristöissä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
21

C24 oppituntiaPRO

Suunnittele turvallinen monivuokraava Next.js-SaaS-sovellus vuokraajakohtaisella reitityksellä, eristyksellä ja laskutuksella.

  1. 1Tenantin ratkaiseminen aliverkkotunnuksen ja polun perusteella
  2. 2Tenanttien rivitason tietojen eristämismallit
  3. 3Tenanttikohtaiset teemat ja ominaisuusliput
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
22

C24 oppituntiaPRO

Purista tuotantotason suorituskyky irti Next.js-buildeista bundlen analyysillä, Turbopackilla ja moduulistrategialla.

  1. 1Asiakasbundlen analysointi ja pienentäminen
  2. 2Turbopackin ja kääntäjän asetusten perusteellinen tarkastelu
  3. 3Moduulirajat server-only- ja client-only-määrityksillä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
CoddyKit PRO

Avaa kaikki 22 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

Tuotantotasoisten verkkosovellusten rakentaminen Next.js 15:llä

Next.js 15 on React-kehys, jota kaikenkokoiset yritykset käyttävät tuotannossa. Se tarjoaa App Routerin, Server Actions -toiminnot ja Partial Prerenderingin ensiluokkaisina perusominaisuuksina, joten yksi koodikanta voi huolehtia reitityksestä, datan hausta, tunnistautumisesta ja julkaisusta ilman erillistä backend-järjestelmää. Tällä opintopolulla käsitellään kaikki tämä ensimmäisestä tiedostopohjaisesta reitistä monen vuokraajan SaaS-palvelun ylläpitoon suuressa mittakaavassa.

Mitä opitte

Rakennatte sovelluksia App Routerilla alusta alkaen, opitte erottamaan Client- ja Server Componentit toisistaan ja tiedätte, milloin kumpaakin kannattaa käyttää. Kirjoitatte Route Handlereita ja edge-ympäristöön soveltuvia API-päätepisteitä sekä käsittelette lomakkeita validoinnin ja optimistisen käyttöliittymän avulla. Datan haun, välimuistin ja uudelleenvalidoinnin sisäiset toimintaperiaatteet käsitellään perusteellisesti yhdessä Server Actions -toimintojen, tietokantaintegraation sekä tunnistautumisen ja käyttöoikeuksien hallinnan kanssa. Myöhemmillä kursseilla käsitellään suoratoistavaa käyttöliittymää Suspense-toiminnolla ja Partial Prerenderingillä, kansainvälistämistä ja lokalisoitua reititystä, WebSocket-pohjaisia reaaliaikaisia sovelluksia, observointia ja virherajoja sekä pakettien optimointia koontiputken avulla.

Oppimispolku

Opintopolun kaksikymmentäkaksi kurssia etenevät tasolta A1 tasolle C2. Polku alkaa kursseilla Next.js 15 Foundations ja App Router Essentials, jatkuu B1- ja B2-tasoilla kursseihin Testing Next.js Applications, Caching & Revalidation Internals ja Deployment & Real-world Project sekä etenee C1-tasolla aiheisiin Advanced Server Actions, Performance & Optimization ja Real-Time Apps with Streaming & WebSockets. Polku päättyy C2-tasolla kursseihin Multi-Tenant SaaS Architecture ja Build Pipeline & Bundle Optimization.

Näin se toimii

Jokainen kurssi on jaettu lyhyisiin ja käytännönläheisiin oppitunteihin, jotka suoritatte sisäänrakennetussa editorissa reaaliaikaisen palautteen avulla. AI-tutor on käytettävissänne, kun jäätte jumiin. Kaikki koodi suoritetaan oikeaa Next.js 15:tä käyttäen — kyseessä ei ole eristetty leikkiympäristö.

Työkalut

Harjoittele tekoälyn avulla – älä vain lue

Tehosta oppimistasi tekoälypohjaisilla työkaluilla ja ominaisuuksilla

Tekoälypohjainen koodigeneraattoriLuo koodia tekoälyn avullaTekoälypohjainen virheenkorjausEtsi ja korjaa koodivirheetPROTekoälyn koodianalyysiPerusteellinen koodianalyysiPROTekoälychatKeskustele tekoälytuutorin kanssaEsitä superkysymysSaat asiantuntijatason vastauksiaPROLuo oppituntiTekoälypohjainen oppituntien luontityökaluPROAloita sertifiointikoeHanki sertifikaattiPROKoodieditoriKirjoita ja suorita koodiaAloita haasteTestaa taitosi

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

Tutustu lisää

Aiheeseen liittyvät opintopolut

Next.js 15 Fullstack Web Apps logoNext.js 15 -täyden pinon verkkosovelluksetMaster building high-performance, fullstack web applications with Next.js 15, from founda…WebAssembly (WASM) for High Performance Apps logoWebAssembly (WASM) suorituskykyisiin sovelluksiinMaster WebAssembly (WASM) to build lightning-fast, high-performance web and server-side a…Electron Desktop App Development logoElectron-työpöytäsovellusten kehitysMaster the art of building powerful cross-platform desktop applications using web technol…Firebase Auth & Realtime Database Apps logoFirebase-todennus- ja reaaliaikaisten tietokantasovellusten rakentaminenMaster Firebase Authentication and Realtime Database to build scalable, secure, and dynam…Web Performance Optimization & Lighthouse logoVerkkosuorituskyvyn optimointi ja LighthouseMaster web performance optimization techniques and leverage Google Lighthouse to build li…Caching Strategies: Redis + CDN + Edge Computing logoVälimuististrategiat: Redis + CDN + reunalaskentaMaster robust caching strategies using Redis, CDNs, and Edge Computing to build high-perf…
UKK

Usein kysytyt kysymykset

Onko Next.js 15 -fullstack-kehitys (App Router + Server Actions)-kurssi ilmainen?

Kyllä. Voit aloittaa Next.js 15 -fullstack-kehitys (App Router + Server Actions)-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni TypeScript?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa TypeScript-kokemusta.

Miten opin TypeScript CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen Next.js 15 -fullstack-kehitys (App Router + Server Actions)-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada Next.js 15 -fullstack-kehitys (App Router + Server Actions)-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia TypeScript puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia TypeScript millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

Next.js 15 -fullstack-kehitys (App Router + Server Actions)-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan Next.js 15 -fullstack-kehitys (App Router + Server Actions)-opintopolun suorittaminen kestää?

Next.js 15 -fullstack-kehitys (App Router + Server Actions) sisältää 22 kurssia ja 88 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 10 tuntia käytännön harjoittelua.

Aloita Next.js 15 -fullstack-kehitys (App Router + Server Actions) nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.

Aloita opiskelu maksuttaSelaa kaikkia kursseja