{"id":3477,"date":"2022-05-25T06:21:40","date_gmt":"2022-05-25T06:21:40","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"},"modified":"2026-04-28T14:07:07","modified_gmt":"2026-04-28T14:07:07","slug":"nuxt-3-et-populaert-hybrid-vue-rammeverk","status":"publish","type":"post","link":"https:\/\/thecodest.co\/nb\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/","title":{"rendered":"Nuxt 3 - et popul\u00e6rt hybrid Vue-rammeverk"},"content":{"rendered":"

Nuxt 3<\/strong> har blitt omarbeidet og omskrevet for \u00e5 st\u00f8tte ESM og TypeScript<\/a> nativt. Den er for \u00f8yeblikket ustabil, noe som gj\u00f8r at den enn\u00e5 ikke er produksjonsklar. Den f\u00f8rste kandidaten (nuxt@3.0.0-rc.1) skal etter planen lanseres 7. april 2022.<\/p>\n\n\n\n

\"Nuxt-tabellen<\/figure>\n\n\n\n

kilde<\/a><\/p>\n\n\n\n

Starte et nytt prosjekt<\/h2>\n\n\n\n

\u00c5pne en terminal eller \u00e5pne en integrert terminal fra Visual Studio Kode<\/a> og bruk f\u00f8lgende kommando for \u00e5 opprette en ny startpakke prosjekt<\/a>:<\/p>\n\n\n\n

npx nuxi init nuxt3-app<\/code><\/code> <\/code<\/pre>\n\n\n\n
\u00c5pne nuxt3-app-mappen:<\/p>\n\n\n\n
cd nuxt3-app<\/code><\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Installer avhengighetene:<\/p>\n\n\n\n
yarn-installasjon<\/code><\/code> <\/code<\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Kj\u00f8r utviklingsserveren:<\/p>\n\n\n\n
yarn dev<\/code><\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Bygg applikasjonen:<\/p>\n\n\n\n
garnbygging<\/code><\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Kj\u00f8r den innebygde applikasjonen:<\/p>\n\n\n\n
garnstart<\/code><\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Hva er nytt?<\/h2>\n\n\n\n
Vue 3 st\u00f8tte<\/h3>\n\n\n\n
Vue<\/a> 3<\/strong> kom med flere nye funksjoner som gj\u00f8r det mye raskere og enklere \u00e5 bygge og vedlikeholde applikasjoner. De viktigste endringene er gjort i Global Vue API<\/a> og API for hendelser. Vue 3<\/strong>introduserer ogs\u00e5 nye funksjoner som provide\/inject, Composition API (beskrevet nedenfor), Fragments og Teleport.<\/p>\n\n\n\n
\"\"\/<\/a><\/figure>\n\n\n\n
Sammensetning API<\/h3>\n\n\n\n
Composition API er en innebygd funksjon i Vue 3, som tilbyr et sett med API-er som gj\u00f8r det mulig \u00e5 bruke importerte funksjoner i stedet for \u00e5 deklarere alternativer. De viktigste fordelene med Composition API er bedre gjenbruk av logikk, mer fleksibel kodeorganisering og god integrasjon med TypeScript. Alle deler av det nye API-et kan brukes utenfor Vue<\/strong> komponenter.<\/p>\n\n\n\n
Nuxt 3<\/strong> gir en ny katalog - composables\/<\/code> - som gj\u00f8r det mulig \u00e5 automatisk importere Vue composables intro-applikasjon.<\/p>\n\n\n\n
Eksempel p\u00e5 komponerbar:<\/p>\n\n\n\n
\/\/ Den vil v\u00e6re tilgjengelig som useFoo() (camelCase av filnavn uten utvidelse)\n export default function () {\n   return useState('foo', () => 'bar')\/\/ Den vil v\u00e6re tilgjengelig som useFoo() (camelCase av filnavn uten filtype)\n export default function () {\n   return useState('foo', () => 'bar')\n }<\/code>\n }<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/code> <\/code<\/pre>\n\n\n\n
Eksempel p\u00e5 bruk av en composable i en Vue<\/strong> komponent:<\/p>\n\n\n\n
<div>{{ foo }}<\/div>\n<\/><\/code><\/pre>\n\n\n\n
Som du kan se ovenfor, eksporteres en composable som useFoo, akkurat slik den er deklarert i const-navnet. Hvis det ikke finnes noe eksportnavn, vil den komponerbare v\u00e6re tilgjengelig som pascelCase i filnavnet. Det gj\u00f8r det ogs\u00e5 enkelt \u00e5 integrere automatisk importerte composables med en popul\u00e6r Vue Store composable kalt Pina<\/a>.<\/p>\n\n\n\n
\"Eksempel<\/figure>\n\n\n\n
kilde<\/a><\/p>\n\n\n\n
Nitromotor<\/h3>\n\n\n\n
Nitro er en fullstack-server som bruker Rollup og Node.js<\/a> arbeidere under utvikling for \u00e5 isolere kode og kontekst. Den inkluderer ogs\u00e5 et server-API og server-mellommaskinvare. I produksjon bygger motoren applikasjonen og serveren i \u00e9n katalog - `.output`. Saken er at output er lett: minifisert og uten noen node<\/a> moduler. Nitro lar deg distribuere utdataene p\u00e5 Node.js, Serverless, Workers, Edge-side-rendering eller som rent statisk. <\/p>\n\n\n\n
Nuxt 3<\/strong> gir mulighet til \u00e5 distribuere p\u00e5 Azure<\/a> eller Netlify uten konfigurasjon, sammen med en Firebase- eller Cloudflare-distribusjon med minimal konfigurasjon.<\/p>\n\n\n\n
Vite<\/h3>\n\n\n\n
Vite er neste generasjons frontend-verkt\u00f8y, som er en innebygd funksjon for  Nuxt 3<\/strong>. Dette verkt\u00f8yet gir en raskere utviklingsopplevelse for nett<\/a> prosjekter. Serveren Vite har mange flere funksjoner enn de opprinnelige ES-modulene og en sv\u00e6rt rask Hot Module Replacement (HMR).<\/p>\n\n\n\n
I byggeprosessen pakker Vite kode med forh\u00e5ndskonfigurert Rollup for \u00e5 optimalisere statiske ressurser for produksjon.<\/p>\n\n\n\n
Ny filstruktur<\/h3>\n\n\n\n
\"eksempel<\/figure>\n\n\n\n
kilde<\/a><\/p>\n\n\n\n
Nuxt 3<\/strong> introduserer en litt endret filstruktur. De st\u00f8rste endringene ble gjort i `app.vue` - `pages\/`-katalogen er valgfri, og hvis den ikke er til stede, vil ikke applikasjonen inneholde en vue-ruter, noe som er nyttig n\u00e5r du oppretter en lasteside eller en applikasjon som ikke trenger ruting. <\/p>\n\n\n\n
Eksempel p\u00e5 app.vue-fil:<\/p>\n\n\n\n
Hallo verden!<\/code><\/pre>\n\n\n\n
For \u00e5 inkludere ruting, sider og layout m\u00e5 du bruke de innebygde komponentene `NuxtPage` og `NuxtLayout`. Et eksempel:<\/p>\n\n\n\n
<div>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<\/div><\/code><\/pre>\n\n\n\n
`app.vue` er hovedkomponenten i Nuxt-applikasjon<\/strong>slik at alt som legges til der, blir globalt og inkludert p\u00e5 alle sider. <\/p>\n\n\n\n
Endringen i Nux<\/strong>t katalogstruktur inneb\u00e6rer \u00e5 erstatte `store\/` med katalogen `composables\/`, siden Vue 3<\/strong>introduserer composables som erstatter butikker.<\/p>\n\n\n\n
Migrering fra Vue 2 til Vue 3 ved hjelp av Nuxt Bridge<\/h2>\n\n\n\n
Nuxt 3 introduserer Nuxt Bridge - et lag med fremoverkompatibilitet som oppgraderer Nuxt 2-programmer med Nuxt 3-funksjoner, slik at de kan oppgradere seg selv bit for bit. Det gir tilgang til funksjoner som f.eks: Nitro-motor, API for komposisjon og ny CLI, ved ganske enkelt \u00e5 installere og aktivere broen.<\/p>\n\n\n\n
Nuxt Bridge er bakoverkompatibel, slik at eldre plugins og moduler fortsatt vil fungere, samtidig som det er enkelt og mulig \u00e5 migrere uten \u00e5 skrive om hele applikasjonen.<\/p>\n\n\n\n
For \u00e5 aktivere Nuxt Bridge m\u00e5 du s\u00f8rge for at utviklingsserveren ikke kj\u00f8rer, deretter fjerne alle pakkel\u00e5sefiler og installere `nuxt-edge`:<\/p>\n\n\n\n
- \"nuxt\": \"^2.15.0\"\n\n\"nuxt-edge\": \"latest\"<\/code><\/pre>\n\n\n\n
Etter det m\u00e5 du installere alle avhengigheter p\u00e5 nytt:<\/p>\n\n\n\n
garninstallasjon<\/code><\/pre>\n\n\n\n
Migreringen ved hjelp av Nuxt Bridge er ferdig!<\/p>\n\n\n\n
En annen m\u00e5te er \u00e5 installere Nuxt<\/strong> Bridge som en utviklingsavhengighet:<\/p>\n\n\n\n
yarn add --dev @nuxt\/bridge@npm:@nuxt\/bridge-edge<\/code><\/pre>\n\n\n\n
Deretter m\u00e5 du oppdatere skriptene i `package.json` for \u00e5 ta hensyn til endringer som Nitro-serveren gj\u00f8r i byggeprosessen.<\/p>\n\n\n\n
\"samarbeidsbanner\"\/<\/a><\/figure>","protected":false},"excerpt":{"rendered":"
Nuxt 3 er neste generasjon av det popul\u00e6re hybride Vue-rammeverket, som lar oss bruke Vue til \u00e5 bygge gjengitte applikasjoner p\u00e5 serversiden. Betaversjonen ble lansert 12. oktober 2021, og bringer inn Nuxt Vue 3, en ny introduksjonsmotor, en lettere pakke og adhook Vite.<\/p>","protected":false},"author":2,"featured_media":3478,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"\nNuxt 3 - a Popular Hybrid Vue Framework - The Codest<\/title>\n<meta name=\"description\" content=\"Nuxt 3 is the next generation of the popular hybrid Vue framework, which allows us to use Vue for building server-side rendered applications. Beta version was launched on 12 October 2021, bringing into Nuxt Vue 3, a new intro engine, a lighter bundle and adhook Vite.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/nb\/blogg\/nuxt-3-et-populaert-hybrid-vue-rammeverk\/\" \/>\n<meta property=\"og:locale\" content=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuxt 3 - a Popular Hybrid Vue Framework\" \/>\n<meta property=\"og:description\" content=\"Nuxt 3 is the next generation of the popular hybrid Vue framework, which allows us to use Vue for building server-side rendered applications. Beta version was launched on 12 October 2021, bringing into Nuxt Vue 3, a new intro engine, a lighter bundle and adhook Vite.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/nb\/blogg\/nuxt-3-et-populaert-hybrid-vue-rammeverk\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-25T06:21:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T14:07:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Nuxt 3 – a Popular Hybrid Vue Framework\",\"datePublished\":\"2022-05-25T06:21:40+00:00\",\"dateModified\":\"2026-04-28T14:07:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\"},\"wordCount\":700,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/nuxt_3.png\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\",\"name\":\"Nuxt 3 - a Popular Hybrid Vue Framework - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/nuxt_3.png\",\"datePublished\":\"2022-05-25T06:21:40+00:00\",\"dateModified\":\"2026-04-28T14:07:07+00:00\",\"description\":\"Nuxt 3 is the next generation of the popular hybrid Vue framework, which allows us to use Vue for building server-side rendered applications. Beta version was launched on 12 October 2021, bringing into Nuxt Vue 3, a new intro engine, a lighter bundle and adhook Vite.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/nuxt_3.png\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/nuxt_3.png\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuxt 3 – a Popular Hybrid Vue Framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nb-NO\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"width\":144,\"height\":36,\"caption\":\"The Codest\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/company\\\/codest\",\"https:\\\/\\\/clutch.co\\\/profile\\\/codest\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/nb\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nuxt 3 - et popul\u00e6rt hybrid Vue-rammeverk - The Codest","description":"Nuxt 3 er neste generasjon av det popul\u00e6re hybride Vue-rammeverket, som lar oss bruke Vue til \u00e5 bygge gjengitte applikasjoner p\u00e5 serversiden. Betaversjonen ble lansert 12. oktober 2021, og bringer inn Nuxt Vue 3, en ny introduksjonsmotor, en lettere pakke og adhook Vite.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thecodest.co\/nb\/blogg\/nuxt-3-et-populaert-hybrid-vue-rammeverk\/","og_locale":"nb_NO","og_type":"article","og_title":"Nuxt 3 - a Popular Hybrid Vue Framework","og_description":"Nuxt 3 is the next generation of the popular hybrid Vue framework, which allows us to use Vue for building server-side rendered applications. Beta version was launched on 12 October 2021, bringing into Nuxt Vue 3, a new intro engine, a lighter bundle and adhook Vite.","og_url":"https:\/\/thecodest.co\/nb\/blogg\/nuxt-3-et-populaert-hybrid-vue-rammeverk\/","og_site_name":"The Codest","article_published_time":"2022-05-25T06:21:40+00:00","article_modified_time":"2026-04-28T14:07:07+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png","type":"image\/png"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"5 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Nuxt 3 – a Popular Hybrid Vue Framework","datePublished":"2022-05-25T06:21:40+00:00","dateModified":"2026-04-28T14:07:07+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"},"wordCount":700,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png","articleSection":["Software Development"],"inLanguage":"nb-NO","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/","url":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/","name":"Nuxt 3 - et popul\u00e6rt hybrid Vue-rammeverk - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png","datePublished":"2022-05-25T06:21:40+00:00","dateModified":"2026-04-28T14:07:07+00:00","description":"Nuxt 3 er neste generasjon av det popul\u00e6re hybride Vue-rammeverket, som lar oss bruke Vue til \u00e5 bygge gjengitte applikasjoner p\u00e5 serversiden. Betaversjonen ble lansert 12. oktober 2021, og bringer inn Nuxt Vue 3, en ny introduksjonsmotor, en lettere pakke og adhook Vite.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"]}]},{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/nuxt_3.png","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Nuxt 3 – a Popular Hybrid Vue Framework"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nb-NO"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","width":144,"height":36,"caption":"The Codest"},"image":{"@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/pl.linkedin.com\/company\/codest","https:\/\/clutch.co\/profile\/codest"]},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/nb\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/posts\/3477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/comments?post=3477"}],"version-history":[{"count":8,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/posts\/3477\/revisions"}],"predecessor-version":[{"id":8376,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/posts\/3477\/revisions\/8376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/media\/3478"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/media?parent=3477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/categories?post=3477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/nb\/wp-json\/wp\/v2\/tags?post=3477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}