Next.js

Next.js · Työkalut

Lyhyesti

Vercelin kehittämä React-pohjainen full-stack web-framework, joka on suosituin valinta vibekoodaukseen.

Next.js on Vercelin kehittämä React-pohjainen full-stack framework joka on ylivoimaisesti suosituin valinta vibekoodaukseen. Se tarjoaa tiedostopohjaisen reitityksen (kansiorakenne = URL-rakenne), palvelinpuolen renderöinnin SEO:ta varten, API-reitit backendille ja automaattisen koodinjaon. Tekoälytyökalut osaavat Next.js:ää erinomaisesti koska se on niin laajasti käytetty. Kun aloitat vibekoodausprojektin, "luo Next.js-sovellus" on usein ensimmäinen promptisi. App Router on uusin reititystapa, ja Server Components vähentävät selaimeen lähetettävää JavaScriptiä.

Esimerkkejä

npx create-next-app@latest luo uuden projektin interaktiivisella wizardilla

app/page.tsx on etusivu, app/about/page.tsx on /about-sivu

app/api/users/route.ts luo /api/users backend-endpointin

Server Components renderöivät palvelimella — parempi SEO ja suorituskyky