{"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-populars-hibrida-vue-ietvars","status":"publish","type":"post","link":"https:\/\/thecodest.co\/lv\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/","title":{"rendered":"Nuxt 3 - popul\u0101ra hibr\u012bda Vue sist\u0113ma"},"content":{"rendered":"<p><strong>Nuxt 3<\/strong> ir p\u0101rstruktur\u0113ts un p\u0101rstr\u0101d\u0101ts, lai atbalst\u012btu ESM un <a href=\"https:\/\/thecodest.co\/lv\/dictionary\/typescript-developer\/\">TypeScript<\/a> dabiski. Pa\u0161laik t\u0101 ir nestabila, t\u0101p\u0113c v\u0113l nav gatava ra\u017eo\u0161anai. Pirmo kandid\u0101tu (nuxt@3.0.0-rc.1) pl\u0101nots izdot 2022. gada 7. apr\u012bl\u012b.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/zrzut-ekranu-2022-05-25-o-08.26.43.png\" alt=\"N\u0101kamais galds \" title=\"Nuxt sal\u012bdzin\u0101\u0161anas tabula \"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.google.com\/url?q=https:\/\/v3.nuxtjs.org\/getting-started\/introduction\/%23comparison&amp;sa=D&amp;source=docs&amp;ust=1653463586111556&amp;usg=AOvVaw0WL5Cg-cEL0X_q8Kiu_fGy\" rel=\"nofollow\">avots<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Jauna projekta uzs\u0101k\u0161ana<\/h2>\n\n\n\n<p>Atveriet termin\u0101li vai atveriet integr\u0113to termin\u0101li no Visual Studio <a href=\"https:\/\/thecodest.co\/lv\/dictionary\/what-is-code-refactoring\/\">Kods<\/a> un izveidojiet jaunu starteri, izmantojot \u0161\u0101du komandu <a href=\"https:\/\/thecodest.co\/lv\/dictionary\/why-do-projects-fail\/\">projekts<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code>npx nuxi init nuxt3-app<\/code><\/code><\/pre>\n\n\n\n<p>Atveriet mapi nuxt3-app:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code>cd nuxt3-app<\/code><\/code><\/code><\/pre>\n\n\n\n<p>Instal\u0113jiet atkar\u012bbas:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code><code>yarn instal\u0113\u0161ana<\/code><\/code><\/code><\/code><\/pre>\n\n\n\n<p>Palaist izstr\u0101des serveri:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code><code><code><code>pavediens dev<\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n<p>Izveidojiet lietojumprogrammu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code><code><code><code><code>pavedienu veido\u0161ana<\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n<p>Palaist izveidoto lietojumprogrammu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code><code><code><code><code><code>pavediena s\u0101kums<\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Kas jauns?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Vue 3 atbalsts<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/thecodest.co\/lv\/blog\/hire-vue-js-developers\/\">Vue<\/a> 3<\/strong> tika ieviestas vair\u0101kas jaunas funkcijas, kas iev\u0113rojami pa\u0101trina un atvieglo lietojumprogrammu izveidi un uztur\u0113\u0161anu. Svar\u012bg\u0101k\u0101s izmai\u0146as ir veiktas Global Vue <a href=\"https:\/\/thecodest.co\/lv\/blog\/compare-staff-augmentation-firms-that-excel-in-api-team-staffing-for-financial-technology-projects\/\">API<\/a> un notikumu API. <strong>Vue 3<\/strong>ieviestas ar\u012b jaunas funkcijas, piem\u0113ram, provide \/ inject, kompoz\u012bcijas API (aprakst\u012bts t\u0101l\u0101k), fragmenti un teleports.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/thecodest.co\/services\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/blog.webp\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Sast\u0101vs API<\/h3>\n\n\n\n<p>Kompoz\u012bcijas API ir ieb\u016bv\u0113ta Vue 3 funkcija, kas nodro\u0161ina API kopumu, kas \u013cauj izmantot import\u0113t\u0101s funkcijas, nevis deklar\u0113t opcijas. T\u0101tad galven\u0101s Composition API priek\u0161roc\u012bbas ir lab\u0101ka lo\u0123ikas atk\u0101rtota izmanto\u0161ana, elast\u012bg\u0101ka koda organiz\u0101cija un lieliska TypeScript integr\u0101cija. Visas jaun\u0101 API da\u013cas var izmantot \u0101rpus programmas <strong>Vue<\/strong> sast\u0101vda\u013cas.<\/p>\n\n\n\n<p><strong>Nuxt 3<\/strong> nodro\u0161ina jaunu direktoriju - <code>kompoz\u012btmateri\u0101li\/<\/code> - kas \u013cauj autom\u0101tiski import\u0113t Vue kompoz\u012btmateri\u0101lu ievadprogrammu.<\/p>\n\n\n\n<p>Kompozit\u012bvs piem\u0113rs:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\"><code><code><code><code><code><code><code><code>\/\/ Tas b\u016bs pieejams k\u0101 useFoo() (faila nosaukuma camelCase bez papla\u0161in\u0101juma)\n eksport\u0113t noklus\u0113juma funkciju () {\n   return useState('foo', () =&gt; 'bar')<code>\/\/ Tas b\u016bs pieejams k\u0101 useFoo() (faila nosaukuma camelCase bez papla\u0161in\u0101juma)\n eksport\u0113t noklus\u0113juma funkciju () {\n   return useState('foo', () =&gt; 'bar')\n }<\/code>\n }<\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/code><\/pre>\n\n\n\n<p>Kompoz\u012bta izmanto\u0161anas piem\u0113rs <strong>Vue<\/strong> sast\u0101vda\u013ca:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;div&gt;{{ foo }}}&lt;\/div&gt;\n&lt;\/&gt;<\/code><\/pre>\n\n\n\n<p>K\u0101 redzams iepriek\u0161, kompoz\u012btmateri\u0101ls tiek eksport\u0113ts k\u0101 useFoo, k\u0101 tas ir deklar\u0113ts const nosaukum\u0101. Ja nav eksport\u0113ta nosaukuma, kompon\u0113jamais b\u016bs pieejams k\u0101 faila nosaukuma pascelCase. Tas ar\u012b \u013cauj viegli integr\u0113t autom\u0101tiski import\u0113tos saliktos elementus ar popul\u0101ro Vue veikala salikto elementu ar nosaukumu <a href=\"https:\/\/www.google.com\/url?q=https:\/\/pinia.vuejs.org\/&amp;sa=D&amp;source=docs&amp;ust=1653463671582173&amp;usg=AOvVaw1YVpJI3sNMeufnYVxcM43i\" rel=\"nofollow\">Pina<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/api.png\" alt=\"API strukt\u016bras piem\u0113rs \" title=\"API opcijas un kompoz\u012bcija \"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/vuejs.org\/guide\/extras\/composition-api-faq.html#better-logic-reuse\" rel=\"nofollow\">avots<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nitro dzin\u0113js<\/h3>\n\n\n\n<p>Nitro ir pilns serveris, kas izmanto Rollup un <a href=\"https:\/\/thecodest.co\/lv\/blog\/find-your-node-js-expert-for-hire-today\/\">Node.js<\/a> darbinieki izstr\u0101des laik\u0101, lai nodro\u0161in\u0101tu koda un konteksta izol\u0101ciju. T\u0101 ietver ar\u012b servera API un servera starpprogrammat\u016bru. Ra\u017eo\u0161anas re\u017e\u012bm\u0101 dzin\u0113js izveido lietojumprogrammu un serveri vien\u0101 direktorij\u0101 - `.output`. Lieta t\u0101da, ka produkcija ir viegla: minific\u0113ta un bez jebk\u0101diem <a href=\"https:\/\/thecodest.co\/lv\/dictionary\/what-is-node-js-used-for\/\">mezgls<\/a> modu\u013ci. Nitro \u013cauj izvades rezult\u0101tus izvietot Node.js, Serverless, Workers, Edge-side render\u0113\u0161anas vai tikai statisk\u0101 veid\u0101.&nbsp;<\/p>\n\n\n\n<p><strong>Nuxt 3<\/strong> nodro\u0161ina iesp\u0113ju izvietot <a href=\"https:\/\/thecodest.co\/lv\/dictionary\/azure-developer\/\">Azure<\/a> vai Netlify bez nepiecie\u0161am\u0101s konfigur\u0101cijas, k\u0101 ar\u012b Firebase vai Cloudflare izvieto\u0161ana ar minim\u0101lu konfigur\u0101ciju.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vite<\/h3>\n\n\n\n<p>Vite ir n\u0101kam\u0101s paaudzes frontend r\u012bks, kas ir ieb\u016bv\u0113ta funkcija, lai <strong> Nuxt 3<\/strong>. \u0160is r\u012bks nodro\u0161ina \u0101tr\u0101ku izstr\u0101di <a href=\"https:\/\/thecodest.co\/lv\/blog\/find-your-ideal-stack-for-web-development\/\">t\u012bmek\u013ca vietne<\/a> projekti. Izstr\u0101des vajadz\u012bb\u0101m serverim Vite ir bag\u0101t\u012bgi funkciju uzlabojumi sal\u012bdzin\u0101jum\u0101 ar ES modu\u013ciem un \u013coti \u0101tra modu\u013cu nomai\u0146a (Hot Module Replacement - HMR).<\/p>\n\n\n\n<p>Veido\u0161anas proces\u0101 Vite apvieno kodu ar iepriek\u0161 konfigur\u0113tu Rollup, lai optimiz\u0113tu statiskos l\u012bdzek\u013cus ra\u017eo\u0161anai.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Jauna failu strukt\u016bra<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/zrzut-ekranu-2022-05-25-o-08.52.47.png\" alt=\"faila strukt\u016bras piem\u0113rs \" title=\"direktoriju strukt\u016bra \"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/v3.nuxtjs.org\/docs\" rel=\"nofollow\">avots<\/a><\/p>\n\n\n\n<p><strong>Nuxt 3<\/strong> ir nedaudz main\u012bta faila strukt\u016bra. Liel\u0101k\u0101s izmai\u0146as tika veiktas `app.vue` - `pages\/` direktorija nav oblig\u0101ta, un, ja t\u0101s nav, lietojumprogramm\u0101 netiks iek\u013cauts vue mar\u0161rut\u0113t\u0101js, kas ir noder\u012bgi, ja tiek veidota iel\u0101d\u0113\u0161anas lapa vai lietojumprogramma, kurai nav nepiecie\u0161ama mar\u0161rut\u0113\u0161ana.&nbsp;<\/p>\n\n\n\n<p>Piem\u0113rs app.vue fails:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">Sveika, Pasaule!<\/code><\/pre>\n\n\n\n<p>Lai iek\u013cautu mar\u0161rut\u0113\u0161anu, lapas un izk\u0101rtojumu, ir j\u0101izmanto ieb\u016bv\u0113t\u0101s komponentes, proti, `NuxtPage` un `NuxtLayout`. Piem\u0113rs:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;div&gt;\n&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;\/p&gt;\n&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;\/p&gt;\n&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>`app.vue` ir galven\u0101 komponente <strong>Nuxt lietojumprogramma<\/strong>, t\u0101p\u0113c viss tur pievienotais b\u016bs glob\u0101ls un tiks iek\u013cauts katr\u0101 lap\u0101.&nbsp;<\/p>\n\n\n\n<p>Izmai\u0146as <strong>Nux<\/strong>t direktoriju strukt\u016bra ietver `store\/` direktoriju aizst\u0101\u0161anu ar `composables\/` direktoriju, jo <strong>Vue 3<\/strong>ievie\u0161 kompoz\u012btmateri\u0101lus, kas aizst\u0101j veikalus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Migr\u0113\u0161ana no Vue 2 uz Vue 3, izmantojot Nuxt Bridge<\/h2>\n\n\n\n<p>Nuxt 3 ievie\u0161 Nuxt Bridge - t\u0101l\u0101k\u0101s savietojam\u012bbas sl\u0101ni, kas atjaunina Nuxt 2 lietojumprogrammas ar Nuxt 3 funkcij\u0101m, \u013caujot t\u0101m atjaunin\u0101ties pa da\u013c\u0101m. Tas nodro\u0161ina piek\u013cuvi t\u0101d\u0101m funkcij\u0101m k\u0101: Nitro dzin\u0113js, kompoz\u012bcijas API un jaun\u0101 CLI, vienk\u0101r\u0161i instal\u0113jot un aktiviz\u0113jot tiltu.<\/p>\n\n\n\n<p>Nuxt Bridge ir savietojams ar iepriek\u0161\u0113jo versiju, t\u0101p\u0113c vecie spraud\u0146i un modu\u013ci joproj\u0101m darbosies, bet migr\u0101cija ir vienk\u0101r\u0161a un iesp\u0113jama bez visas lietojumprogrammas p\u0101rrakst\u012b\u0161anas.<\/p>\n\n\n\n<p>Lai iesp\u0113jotu Nuxt Bridge, ir j\u0101p\u0101rliecin\u0101s, ka nedarbojas Dev serveris, p\u0113c tam j\u0101no\u0146em visi paketes blo\u0137\u0113\u0161anas faili un j\u0101instal\u0113 `nuxt-edge`:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">- \"nuxt\": \"^2.15.0\"\n\n\"nuxt-edge\": \"latest\"<\/code><\/pre>\n\n\n\n<p>P\u0113c tam atk\u0101rtoti instal\u0113jiet visas atkar\u012bbas:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">dzijas instal\u0113\u0161ana<\/code><\/pre>\n\n\n\n<p>J\u016bsu migr\u0101cija, izmantojot Nuxt Bridge, ir pabeigta!<\/p>\n\n\n\n<p>Cits veids ir instal\u0113t <strong>Nuxt<\/strong> Bridge k\u0101 izstr\u0101des atkar\u012bba:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">yarn add --dev @nuxt\/bridge@npm:@nuxt\/bridge-edge<\/code><\/pre>\n\n\n\n<p>Tad jums ir j\u0101atjaunina `package.json` skripti, lai \u0146emtu v\u0113r\u0101 izmai\u0146as, ko Nitro serveris ievie\u0161 veido\u0161anas proces\u0101.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/thecodest.co\/contact\"><img decoding=\"async\" src=\"\/app\/uploads\/2024\/05\/interested_in_cooperation_.png\" alt=\"sadarb\u012bbas baneris\"\/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>Nuxt 3 ir popul\u0101r\u0101s hibr\u012bd\u0101s Vue strukt\u016bras n\u0101kam\u0101s paaudzes versija, kas \u013cauj izmantot Vue servera puses render\u0113tu lietojumprogrammu veido\u0161anai. Beta versija tika palaista 2021. gada 12. oktobr\u012b, ievie\u0161ot Nuxt Vue 3, jaunu ievada dzin\u0113ju, viegl\u0101ku paketi un 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":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Nuxt 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\/lv\/emuars\/nuxt-3-populars-hibrida-vue-ietvars\/\" \/>\n<meta property=\"og:locale\" content=\"lv_LV\" \/>\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\/lv\/emuars\/nuxt-3-populars-hibrida-vue-ietvars\/\" \/>\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 min\u016btes\" \/>\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 &#8211; 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\":\"lv-LV\",\"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\":\"lv-LV\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/nuxt-3-a-popular-hybrid-vue-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"lv-LV\",\"@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 &#8211; 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\":\"lv-LV\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lv-LV\",\"@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\":\"lv-LV\",\"@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\\\/lv\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nuxt 3 - popul\u0101ra hibr\u012bda Vue sist\u0113ma - The Codest","description":"Nuxt 3 ir popul\u0101r\u0101s hibr\u012bd\u0101s Vue strukt\u016bras n\u0101kam\u0101s paaudzes versija, kas \u013cauj izmantot Vue servera puses render\u0113tu lietojumprogrammu veido\u0161anai. Beta versija tika palaista 2021. gada 12. oktobr\u012b, ievie\u0161ot Nuxt Vue 3, jaunu ievada dzin\u0113ju, viegl\u0101ku paketi un 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\/lv\/emuars\/nuxt-3-populars-hibrida-vue-ietvars\/","og_locale":"lv_LV","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\/lv\/emuars\/nuxt-3-populars-hibrida-vue-ietvars\/","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 min\u016btes"},"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 &#8211; 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":"lv-LV","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 - popul\u0101ra hibr\u012bda Vue sist\u0113ma - 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 ir popul\u0101r\u0101s hibr\u012bd\u0101s Vue strukt\u016bras n\u0101kam\u0101s paaudzes versija, kas \u013cauj izmantot Vue servera puses render\u0113tu lietojumprogrammu veido\u0161anai. Beta versija tika palaista 2021. gada 12. oktobr\u012b, ievie\u0161ot Nuxt Vue 3, jaunu ievada dzin\u0113ju, viegl\u0101ku paketi un adhook Vite.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/#breadcrumb"},"inLanguage":"lv-LV","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/nuxt-3-a-popular-hybrid-vue-framework\/"]}]},{"@type":"ImageObject","inLanguage":"lv-LV","@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 &#8211; 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":"lv-LV"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"lv-LV","@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":"lv-LV","@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\/lv\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/posts\/3477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/comments?post=3477"}],"version-history":[{"count":8,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/posts\/3477\/revisions"}],"predecessor-version":[{"id":8376,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/posts\/3477\/revisions\/8376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/media\/3478"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/media?parent=3477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/categories?post=3477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/lv\/wp-json\/wp\/v2\/tags?post=3477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}