{"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-populiarus-hibridinis-vue-karkasas","status":"publish","type":"post","link":"https:\/\/thecodest.co\/lt\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/","title":{"rendered":"\"Nuxt 3\" - populiari hibridin\u0117 Vue sistema"},"content":{"rendered":"

\"Nuxt 3<\/strong> buvo pertvarkyta ir para\u0161yta i\u0161 naujo, kad palaikyt\u0173 ESM ir TypeScript<\/a> gimt\u0105ja kalba. \u0160iuo metu ji yra nestabili, tod\u0117l dar n\u0117ra tinkama gamybai. Planuojama, kad pirmasis kandidatas (nuxt@3.0.0-rc.1) bus i\u0161leistas 2022 m. baland\u017eio 7 d.<\/p>\n\n\n\n

\"Kita<\/figure>\n\n\n\n

\u0161altinis<\/a><\/p>\n\n\n\n

Naujo projekto prad\u017eia<\/h2>\n\n\n\n

Atidarykite terminal\u0105 arba atidarykite integruot\u0105 terminal\u0105 i\u0161 \"Visual Studio Kodas<\/a> ir naudokite \u0161i\u0105 komand\u0105, kad sukurtum\u0117te nauj\u0105 starter\u012f projektas<\/a>:<\/p>\n\n\n\n

npx nuxi init nuxt3-app<\/code><\/code><\/pre>\n\n\n\n
Atidarykite \"nuxt3-app\" aplank\u0105:<\/p>\n\n\n\n
cd nuxt3-app<\/code><\/code><\/code><\/pre>\n\n\n\n
\u012ediekite priklausomybes:<\/p>\n\n\n\n
yarn diegimas<\/code><\/code><\/code><\/code><\/pre>\n\n\n\n
Paleiskite k\u016brimo server\u012f:<\/p>\n\n\n\n
yarn dev<\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n
Sukurkite program\u0105:<\/p>\n\n\n\n
jarn\u0173 k\u016brimas<\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n
Paleiskite sukurt\u0105 program\u0105:<\/p>\n\n\n\n
verpal\u0173 prad\u017eia<\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n
Kas naujo?<\/h2>\n\n\n\n
Vue 3 parama<\/h3>\n\n\n\n
Vue<\/a> 3<\/strong> \u012fdiegta keletas nauj\u0173 funkcij\u0173, kurios leid\u017eia kur kas grei\u010diau ir papras\u010diau kurti ir pri\u017ei\u016br\u0117ti programas. Svarbiausi pakeitimai atlikti \"Global Vue API<\/a> ir \u012fvyki\u0173 API. Vue 3<\/strong>taip pat \u012fdiegtos naujos funkcijos, tokios kaip \"provide \/ inject\", kompozicijos API (apra\u0161yta toliau), \"Fragments\" ir \"Teleport\".<\/p>\n\n\n\n
\"\"\/<\/a><\/figure>\n\n\n\n
Sud\u0117tis API<\/h3>\n\n\n\n
Sudarymo API yra integruota Vue 3 funkcija, kuri suteikia API rinkin\u012f, leid\u017eiant\u012f naudoti importuotas funkcijas, o ne deklaruoti parinktis. Taigi, pagrindiniai Composition API privalumai yra geresnis logikos pakartotinis naudojimas, lankstesnis kodo organizavimas ir puiki TypeScript integracija. Visos naujosios API dalys gali b\u016bti naudojamos u\u017e Vue<\/strong> sudedamosios dalys.<\/p>\n\n\n\n
\"Nuxt 3<\/strong> pateikia nauj\u0105 katalog\u0105 - kompozicin\u0117s med\u017eiagos\/<\/code> - kuri leid\u017eia automati\u0161kai importuoti Vue kompozitus \u012f program\u0105.<\/p>\n\n\n\n
Sud\u0117tinis pavyzdys:<\/p>\n\n\n\n
\/\/ Jis bus prieinamas kaip useFoo() (failo pavadinimo camelCase be pl\u0117tinio)\n Export default funkcija () {\n   return useState('foo', () => 'bar')\/\/\/ J\u0105 bus galima naudoti kaip useFoo() (failo pavadinimo camelCase be pl\u0117tinio)\n export default function () {\n   return useState('foo', () => 'bar')\n }<\/code>\n }<\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n
Sud\u0117tinio elemento naudojimo pavyzdys Vue<\/strong> komponentas:<\/p>\n\n\n\n
<div>{{ foo }}<\/div>\n<\/><\/code><\/pre>\n\n\n\n
Kaip matote auk\u0161\u010diau, sud\u0117tinis elementas eksportuojamas kaip useFoo, kaip ir deklaruota const pavadinime. Jei n\u0117ra eksportuojamo vardo, sud\u0117tin\u0117 bus pasiekiama kaip failo vardo pascelCase. Tai taip pat leid\u017eia lengvai integruoti automati\u0161kai importuojamas sud\u0117tines dalis su populiaria Vue parduotuv\u0117s sud\u0117tin\u0117mis dalimis, vadinamomis Pina<\/a>.<\/p>\n\n\n\n
\"API<\/figure>\n\n\n\n
\u0161altinis<\/a><\/p>\n\n\n\n
\"Nitro\" variklis<\/h3>\n\n\n\n
\"Nitro\" yra pilno paketo serveris, kuris naudoja \"Rollup\" ir Node.js<\/a> darbuotojai, dirbantys su k\u016brimu, kad u\u017etikrint\u0173 kodo ir konteksto izoliacij\u0105. Ji taip pat apima serverio API ir serverio tarpin\u0119 programin\u0119 \u012frang\u0105. Gamyboje variklis sukuria program\u0105 ir server\u012f viename kataloge - `.output`. Esm\u0117 ta, kad i\u0161vestis yra lengva: minifikuota ir be joki\u0173 mazgas<\/a> moduliai. \"Nitro\" leid\u017eia diegti i\u0161vest\u012f Node.js, \"Serverless\", \"Workers\", \"Edge-side rendering\" arba tik kaip statin\u0119. <\/p>\n\n\n\n
\"Nuxt 3<\/strong> suteikia galimyb\u0119 diegti Azure<\/a> arba \"Netlify\" be jokios konfig\u016bracijos, taip pat \"Firebase\" arba \"Cloudflare\" diegimas su minimalia konfig\u016bracija.<\/p>\n\n\n\n
Vite<\/h3>\n\n\n\n
\"Vite\" yra naujos kartos priekin\u0117s dalies \u012frankis, kuris yra integruotas \u012f  \"Nuxt 3<\/strong>. \u0160is \u012frankis leid\u017eia grei\u010diau kurti \u017einiatinklio svetain\u0117<\/a> projektai. K\u016brimui skirtas serveris \"Vite\" turi daug funkcij\u0173 patobulinim\u0173, palyginti su vietiniais ES moduliais, ir labai greit\u0105 \"kar\u0161to modulio pakeitimo\" (HMR) funkcij\u0105.<\/p>\n\n\n\n
K\u016brimo proceso metu \"Vite\" pateikia kod\u0105 su i\u0161 anksto sukonfig\u016bruotu \"Rollup\", kad b\u016bt\u0173 optimizuoti statiniai i\u0161tekliai gamybai.<\/p>\n\n\n\n
Nauja fail\u0173 strukt\u016bra<\/h3>\n\n\n\n
\"fail\u0173<\/figure>\n\n\n\n
\u0161altinis<\/a><\/p>\n\n\n\n
\"Nuxt 3<\/strong> \u0161iek tiek pakeista fail\u0173 strukt\u016bra. Did\u017eiausi pakeitimai padaryti `app.vue` - `pages\/` katalogas yra neprivalomas, ir jei jo n\u0117ra, \u012f program\u0105 nebus \u012ftrauktas vue mar\u0161rutizatorius, o tai naudinga kuriant \u012fkeliam\u0105 puslap\u012f arba program\u0105, kuriai nereikia mar\u0161rutizavimo. <\/p>\n\n\n\n
App.vue failo pavyzdys:<\/p>\n\n\n\n
Sveikas, pasauli!<\/code><\/pre>\n\n\n\n
Norint \u012ftraukti mar\u0161rutizavim\u0105, puslapius ir i\u0161d\u0117stym\u0105, reikia naudoti integruotus komponentus, t. y. `NuxtPage` ir `NuxtLayout`. Pavyzdys:<\/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` yra pagrindinis komponentas \"Nuxt\" programa<\/strong>, tod\u0117l viskas, kas ten bus prid\u0117ta, bus visuotina ir \u012ftraukta \u012f kiekvien\u0105 puslap\u012f. <\/p>\n\n\n\n
Pasikeitimai Nux<\/strong>t katalog\u0173 strukt\u016br\u0105 reikia pakeisti `store\/` \u012f `composables\/` katalog\u0105, nes Vue 3<\/strong>pristatomos sud\u0117tin\u0117s prek\u0117s, kurios pakei\u010dia parduotuves.<\/p>\n\n\n\n
Per\u0117jimas i\u0161 Vue 2 \u012f Vue 3 naudojant \"Nuxt Bridge<\/h2>\n\n\n\n
\"Nuxt 3\" pristatomas \"Nuxt Bridge\" - i\u0161ankstinio suderinamumo sluoksnis, kuris atnaujina \"Nuxt 2\" programas \"Nuxt 3\" funkcijomis ir leid\u017eia jas atnaujinti dalimis. Jis suteikia prieig\u0105 prie toki\u0173 funkcij\u0173 kaip: \"Nitro\" varikliu, kompozicijos API ir nauja CLI, tiesiog \u012fdiegiant ir aktyvuojant tilt\u0105.<\/p>\n\n\n\n
\"Nuxt Bridge\" yra atgalinio suderinamumo, tod\u0117l senieji papildiniai ir moduliai vis dar veiks, o migruoti lengva ir \u012fmanoma neperra\u0161ant visos programos.<\/p>\n\n\n\n
Nor\u0117dami \u012fjungti \"Nuxt Bridge\", turite \u012fsitikinti, kad dev serveris neveikia, tada pa\u0161alinti visus paket\u0173 u\u017erakto failus ir \u012fdiegti `nuxt-edge`:<\/p>\n\n\n\n
- \"nuxt\": \"^2.15.0\"\n\n\"nuxt-edge\": \"latest\"<\/code><\/pre>\n\n\n\n
Po to i\u0161 naujo \u012fdiekite visas priklausomybes:<\/p>\n\n\n\n
verpal\u0173 diegimas<\/code><\/pre>\n\n\n\n
J\u016bs\u0173 migracija naudojant \"Nuxt Bridge\" baigta!<\/p>\n\n\n\n
Kitas b\u016bdas - \u012fdiegti Nuxt<\/strong> \"Bridge\" kaip k\u016brimo priklausomyb\u0117:<\/p>\n\n\n\n
yarn add --dev @nuxt\/bridge@npm:@nuxt\/bridge-edge<\/code><\/pre>\n\n\n\n
Tada turite atnaujinti `package.json` scenarijus, kad b\u016bt\u0173 atsi\u017evelgta \u012f \"Nitro\" serverio pakeitimus k\u016brimo procese.<\/p>\n\n\n\n
\"bendradarbiavimo<\/a><\/figure>","protected":false},"excerpt":{"rendered":"
\"Nuxt 3\" yra naujos kartos populiari hibridin\u0117 Vue sistema, kuri leid\u017eia naudoti Vue kuriant serverio pus\u0117s atvaizduojamas programas. Beta versija buvo pristatyta 2021 m. spalio 12 d., \u012f \"Nuxt Vue 3\" \u012ftraukiant nauj\u0105 \u012fvadin\u012f varikl\u012f, lengvesn\u012f paket\u0105 ir \"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\/lt\/tinklarastis\/nuxt-3-populiarus-hibridinis-vue-karkasas\/\" \/>\n<meta property=\"og:locale\" content=\"lt_LT\" \/>\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\/lt\/tinklarastis\/nuxt-3-populiarus-hibridinis-vue-karkasas\/\" \/>\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 minut\u0117s\" \/>\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\":\"lt-LT\",\"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\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@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\":\"lt-LT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@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\":\"lt-LT\",\"@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\\\/lt\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\"Nuxt 3\" - populiari hibridin\u0117 Vue sistema - The Codest","description":"\"Nuxt 3\" yra naujos kartos populiari hibridin\u0117 Vue sistema, kuri leid\u017eia naudoti Vue kuriant serverio pus\u0117s atvaizduojamas programas. Beta versija buvo pristatyta 2021 m. spalio 12 d., \u012f \"Nuxt Vue 3\" \u012ftraukiant nauj\u0105 \u012fvadin\u012f varikl\u012f, lengvesn\u012f paket\u0105 ir \"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\/lt\/tinklarastis\/nuxt-3-populiarus-hibridinis-vue-karkasas\/","og_locale":"lt_LT","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\/lt\/tinklarastis\/nuxt-3-populiarus-hibridinis-vue-karkasas\/","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 minut\u0117s"},"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":"lt-LT","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\" - populiari hibridin\u0117 Vue sistema - 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\" yra naujos kartos populiari hibridin\u0117 Vue sistema, kuri leid\u017eia naudoti Vue kuriant serverio pus\u0117s atvaizduojamas programas. Beta versija buvo pristatyta 2021 m. spalio 12 d., \u012f \"Nuxt Vue 3\" \u012ftraukiant nauj\u0105 \u012fvadin\u012f varikl\u012f, lengvesn\u012f paket\u0105 ir \"adhook Vite\".","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#breadcrumb"},"inLanguage":"lt-LT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"]}]},{"@type":"ImageObject","inLanguage":"lt-LT","@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":"lt-LT"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"lt-LT","@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":"lt-LT","@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\/lt\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/comments?post=3477"}],"version-history":[{"count":8,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3477\/revisions"}],"predecessor-version":[{"id":8376,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3477\/revisions\/8376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media\/3478"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media?parent=3477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/categories?post=3477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/tags?post=3477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}