{"id":1862,"date":"2024-03-26T10:11:49","date_gmt":"2024-03-26T10:11:49","guid":{"rendered":"https:\/\/smultron.software\/?post_type=service&#038;p=1862"},"modified":"2025-11-03T13:49:11","modified_gmt":"2025-11-03T13:49:11","slug":"programowanie-vue-js","status":"publish","type":"service","link":"https:\/\/smultron.software\/pl\/uslugi\/web-development-services\/programowanie-vue-js","title":{"rendered":"Programowanie Vue.js i Nuxt"},"content":{"rendered":"\n<div class=\"headline full-width container-grid section-scrollspy  pt-[60px] desktop:pt-[120px] pb-[30px] desktop:pb-[60px] pb-![16px] desktop:!pb-[36px] !pt-[30px] desktop:!pt-[40px]\" >\n\t\t\t<h1 class=\"hm1 tablet:d3 desktop:d2 desktop-xl:h1\">Programowanie Vue.js i Nuxt<\/h1><\/div>\n\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy section--craft-cms has-gray-1-background-color has-background\" id=\"charakterystyka\"><div class=\"container-grid pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"><div class=\"\"><div class=\"\">\n<div style=\"background-color:transparent\" class=\"wp-block-smultron-grid\"><div><div class=\"wp-block-smultron-grid grid gap-[24px] tablet:grid-cols-1 desktop:grid-cols-2 items-none \">\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\t<div class=\"grid gap-[16px]\">\n\t\t\t\t\t\t\t\t\t<div class=\"\n\t\t\t\t\thm2 desktop:h2 title\t\t\t\t\t\">\n\t\t\t\t\t\tCharakterystyka\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\n<p><strong>Vue.js<\/strong> to lekki i elastyczny framework JavaScript, idealny do tworzenia interaktywnych interfejs\u00f3w u\u017cytkownika. Swoj\u0105 popularno\u015b\u0107 zawdzi\u0119cza prostocie nauki, du\u017cej spo\u0142eczno\u015bci i bogatemu ekosystemowi. \u015awietnie sprawdza si\u0119 w mniejszych projektach i jako baza do nauki frontendu.<\/p>\n\n\n\n<p><strong>Nuxt<\/strong> to rozbudowany framework zbudowany na Vue.js, oferuj\u0105cy szereg dodatkowych funkcji i standaryzacj\u0119. Umo\u017cliwia tworzenie uniwersalnych aplikacji renderowanych zar\u00f3wno po stronie serwera (SSR), jak i klienta (SPA). Nuxt jest ceniony za optymalizacj\u0119 SEO, u\u0142atwia prac\u0119 w zespole i oferuje gotowe rozwi\u0105zania dla typowych problem\u00f3w webowych. Cho\u0107 spo\u0142eczno\u015b\u0107 Nuxt jest mniejsza ni\u017c gigant\u00f3w frontendu, framework ten zdobywa uznanie ze wzgl\u0119du na \u015bwietne rozwi\u0105zania, a jego u\u017cytkownikami s\u0105 m.in. Alibaba i Sony.<\/p>\n\n\n<div class=\"text-left \">\n\t<a href=\"#skontaktuj-sie\" class=\"button button--gradient-red button--with-icon\">\n\t<span>Skontaktuj si\u0119<\/span>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t<\/a>\n<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-left wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"500\" height=\"989\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue.png\" alt=\"\" class=\"wp-image-2736 lazyload\" data-srcset=\"https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue.png 500w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-152x300.png 152w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-23x46.png 23w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-28x56.png 28w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-190x376.png 190w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-27x54.png 27w, https:\/\/smultron.software\/content\/uploads\/2024\/04\/vue-182x360.png 182w\" data-sizes=\"(max-width: 500px) 100vw, 500px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/989;\" \/><\/figure>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy has-white-color has-navy-1-background-color has-text-color has-background has-link-color wp-elements-97990ed558f81e39870021c665169e77\" id=\"zalety\"><div class=\"container-grid pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"><div class=\"\"><div class=\"\">\n<div class=\"wp-block-smultron-section-headline text-center mb-[32px] desktop:mb-[60px] grid desktop:grid-cols-12\"><div class=\"desktop:col-span-8 desktop:col-start-3\"><div data-aos=\"animate__fadeInUp\" class=\"hm2 desktop:h2 title\" data-aos=\"animate__fadeInUp\">Zalety Vue.js i Nuxt<\/div><\/div><\/div>\n\n\n\n<div style=\"background-color:transparent\" class=\"wp-block-smultron-grid\"><div><div class=\"wp-block-smultron-grid grid gap-[24px] tablet:grid-cols-2 desktop:grid-cols-3 items-none \">\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M24 34L18 28L24 22L25.425 23.425L20.825 28.025L25.4 32.6L24 34ZM32 34L30.575 32.575L35.175 27.975L30.6 23.4L32 22L38 28L32 34Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tMinimalizm\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tVue.js umo\u017cliwia pisanie aplikacji w zaledwie 5-6 linijkach kodu. Automatyzuje zadania takie jak wi\u0105zanie danych z DOM, konfiguracja i obserwatorzy komponent\u00f3w. Jako lekki i prosty framework umo\u017cliwia wydajne tworzenie frontend\u00f3w.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29 25V19H37V25H29ZM19 29V19H27V29H19ZM29 37V27H37V37H29ZM19 37V31H27V37H19ZM21 27H25V21H21V27ZM31 35H35V29H31V35ZM31 23H35V21H31V23ZM21 35H25V33H21V35Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tArchitektura oparta na komponentach\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tPodobnie jak Angular i React, Vue.js opiera si\u0119 na architekturze komponentowej. Pozwala ona na podzielenie kodu frontendu na niezale\u017cne komponenty zawieraj\u0105ce szablony, logik\u0119 i style. Komponenty Vue s\u0105 przeno\u015bne, wielokrotnego u\u017cytku i \u0142atwe do testowania.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M19 35C18.45 35 17.9792 34.8042 17.5875 34.4125C17.1958 34.0208 17 33.55 17 33V23C17 22.45 17.1958 21.9792 17.5875 21.5875C17.9792 21.1958 18.45 21 19 21H29C29.55 21 30.0208 21.1958 30.4125 21.5875C30.8042 21.9792 31 22.45 31 23V33C31 33.55 30.8042 34.0208 30.4125 34.4125C30.0208 34.8042 29.55 35 29 35H19ZM34 27C33.7167 27 33.4792 26.9042 33.2875 26.7125C33.0958 26.5208 33 26.2833 33 26V22C33 21.7167 33.0958 21.4792 33.2875 21.2875C33.4792 21.0958 33.7167 21 34 21H38C38.2833 21 38.5208 21.0958 38.7125 21.2875C38.9042 21.4792 39 21.7167 39 22V26C39 26.2833 38.9042 26.5208 38.7125 26.7125C38.5208 26.9042 38.2833 27 38 27H34ZM35 25H37V23H35V25ZM19 33H29V23H19V33ZM20 31H28L25.375 27.5L23.5 30L22.125 28.175L20 31ZM34 35C33.7167 35 33.4792 34.9042 33.2875 34.7125C33.0958 34.5208 33 34.2833 33 34V30C33 29.7167 33.0958 29.4792 33.2875 29.2875C33.4792 29.0958 33.7167 29 34 29H38C38.2833 29 38.5208 29.0958 38.7125 29.2875C38.9042 29.4792 39 29.7167 39 30V34C39 34.2833 38.9042 34.5208 38.7125 34.7125C38.5208 34.9042 38.2833 35 38 35H34ZM35 33H37V31H35V33Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tMo\u017cliwo\u015b\u0107 ponownego u\u017cycia\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tOparte na komponentach podej\u015bcie Vue umo\u017cliwia tworzenie komponent\u00f3w wielokrotnego u\u017cytku w jednym pliku. Nie ma potrzeby tworzenia oddzielnych plik\u00f3w dla styl\u00f3w CSS lub element\u00f3w HTML. Komponenty Vue s\u0105 wygodne do ponownego u\u017cycia i testowania.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M18 36V33H20V22C20 21.45 20.1958 20.9792 20.5875 20.5875C20.9792 20.1958 21.45 20 22 20H37V22H22V33H28V36H18ZM31 36C30.7167 36 30.4792 35.9042 30.2875 35.7125C30.0958 35.5208 30 35.2833 30 35V25C30 24.7167 30.0958 24.4792 30.2875 24.2875C30.4792 24.0958 30.7167 24 31 24H37C37.2833 24 37.5208 24.0958 37.7125 24.2875C37.9042 24.4792 38 24.7167 38 25V35C38 35.2833 37.9042 35.5208 37.7125 35.7125C37.5208 35.9042 37.2833 36 37 36H31ZM32 33H36V26H32V33Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tUniwersalne renderowanie\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tNuxt umo\u017cliwia tworzenie aplikacji renderowanych zar\u00f3wno po stronie serwera (SSR), jak i klienta (SPA). To po\u0142\u0105czenie zapewnia optymaln\u0105 wydajno\u015b\u0107, SEO i komfort u\u017cytkowania.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16 34V32.425C16 31.7083 16.3667 31.125 17.1 30.675C17.8333 30.225 18.8 30 20 30C20.2167 30 20.425 30.0042 20.625 30.0125C20.825 30.0208 21.0167 30.0417 21.2 30.075C20.9667 30.425 20.7917 30.7917 20.675 31.175C20.5583 31.5583 20.5 31.9583 20.5 32.375V34H16ZM22 34V32.375C22 31.8417 22.1458 31.3542 22.4375 30.9125C22.7292 30.4708 23.1417 30.0833 23.675 29.75C24.2083 29.4167 24.8458 29.1667 25.5875 29C26.3292 28.8333 27.1333 28.75 28 28.75C28.8833 28.75 29.6958 28.8333 30.4375 29C31.1792 29.1667 31.8167 29.4167 32.35 29.75C32.8833 30.0833 33.2917 30.4708 33.575 30.9125C33.8583 31.3542 34 31.8417 34 32.375V34H22ZM35.5 34V32.375C35.5 31.9417 35.4458 31.5333 35.3375 31.15C35.2292 30.7667 35.0667 30.4083 34.85 30.075C35.0333 30.0417 35.2208 30.0208 35.4125 30.0125C35.6042 30.0042 35.8 30 36 30C37.2 30 38.1667 30.2208 38.9 30.6625C39.6333 31.1042 40 31.6917 40 32.425V34H35.5ZM24.125 32H31.9C31.7333 31.6667 31.2708 31.375 30.5125 31.125C29.7542 30.875 28.9167 30.75 28 30.75C27.0833 30.75 26.2458 30.875 25.4875 31.125C24.7292 31.375 24.275 31.6667 24.125 32ZM20 29C19.45 29 18.9792 28.8042 18.5875 28.4125C18.1958 28.0208 18 27.55 18 27C18 26.4333 18.1958 25.9583 18.5875 25.575C18.9792 25.1917 19.45 25 20 25C20.5667 25 21.0417 25.1917 21.425 25.575C21.8083 25.9583 22 26.4333 22 27C22 27.55 21.8083 28.0208 21.425 28.4125C21.0417 28.8042 20.5667 29 20 29ZM36 29C35.45 29 34.9792 28.8042 34.5875 28.4125C34.1958 28.0208 34 27.55 34 27C34 26.4333 34.1958 25.9583 34.5875 25.575C34.9792 25.1917 35.45 25 36 25C36.5667 25 37.0417 25.1917 37.425 25.575C37.8083 25.9583 38 26.4333 38 27C38 27.55 37.8083 28.0208 37.425 28.4125C37.0417 28.8042 36.5667 29 36 29ZM28 28C27.1667 28 26.4583 27.7083 25.875 27.125C25.2917 26.5417 25 25.8333 25 25C25 24.15 25.2917 23.4375 25.875 22.8625C26.4583 22.2875 27.1667 22 28 22C28.85 22 29.5625 22.2875 30.1375 22.8625C30.7125 23.4375 31 24.15 31 25C31 25.8333 30.7125 26.5417 30.1375 27.125C29.5625 27.7083 28.85 28 28 28ZM28 26C28.2833 26 28.5208 25.9042 28.7125 25.7125C28.9042 25.5208 29 25.2833 29 25C29 24.7167 28.9042 24.4792 28.7125 24.2875C28.5208 24.0958 28.2833 24 28 24C27.7167 24 27.4792 24.0958 27.2875 24.2875C27.0958 24.4792 27 24.7167 27 25C27 25.2833 27.0958 25.5208 27.2875 25.7125C27.4792 25.9042 27.7167 26 28 26Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tWsp\u00f3\u0142pracuj\u0105ca spo\u0142eczno\u015b\u0107\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tSpo\u0142eczno\u015b\u0107 Vue.js aktywnie wsp\u00f3\u0142pracuje nad rozwojem frameworka. Oczekuj wsparcia, dokumentacji i narz\u0119dzi od innych deweloper\u00f3w.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"card\"\n\tdata-aos=\"animate__fadeInUp\"\n\tdata-aos-delay=\"0\"\n>\n\t\t\t<div class=\"card__icon\">\n\t\t\t<div>\n\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M24.05 37.75H20.25C19.7 37.75 19.2292 37.5542 18.8375 37.1625C18.4458 36.7708 18.25 36.3 18.25 35.75V31.95C19.05 31.95 19.75 31.6958 20.35 31.1875C20.95 30.6792 21.25 30.0333 21.25 29.25C21.25 28.4667 20.95 27.8208 20.35 27.3125C19.75 26.8042 19.05 26.55 18.25 26.55V22.75C18.25 22.2 18.4458 21.7292 18.8375 21.3375C19.2292 20.9458 19.7 20.75 20.25 20.75H24.25C24.25 20.05 24.4917 19.4583 24.975 18.975C25.4583 18.4917 26.05 18.25 26.75 18.25C27.45 18.25 28.0417 18.4917 28.525 18.975C29.0083 19.4583 29.25 20.05 29.25 20.75H33.25C33.8 20.75 34.2708 20.9458 34.6625 21.3375C35.0542 21.7292 35.25 22.2 35.25 22.75V26.75C35.95 26.75 36.5417 26.9917 37.025 27.475C37.5083 27.9583 37.75 28.55 37.75 29.25C37.75 29.95 37.5083 30.5417 37.025 31.025C36.5417 31.5083 35.95 31.75 35.25 31.75V35.75C35.25 36.3 35.0542 36.7708 34.6625 37.1625C34.2708 37.5542 33.8 37.75 33.25 37.75H29.45C29.45 36.9167 29.1875 36.2083 28.6625 35.625C28.1375 35.0417 27.5 34.75 26.75 34.75C26 34.75 25.3625 35.0417 24.8375 35.625C24.3125 36.2083 24.05 36.9167 24.05 37.75ZM20.25 35.75H22.375C22.775 34.65 23.4167 33.875 24.3 33.425C25.1833 32.975 26 32.75 26.75 32.75C27.5 32.75 28.3167 32.975 29.2 33.425C30.0833 33.875 30.725 34.65 31.125 35.75H33.25V29.75H35.25C35.3833 29.75 35.5 29.7 35.6 29.6C35.7 29.5 35.75 29.3833 35.75 29.25C35.75 29.1167 35.7 29 35.6 28.9C35.5 28.8 35.3833 28.75 35.25 28.75H33.25V22.75H27.25V20.75C27.25 20.6167 27.2 20.5 27.1 20.4C27 20.3 26.8833 20.25 26.75 20.25C26.6167 20.25 26.5 20.3 26.4 20.4C26.3 20.5 26.25 20.6167 26.25 20.75V22.75H20.25V24.95C21.15 25.2833 21.875 25.8417 22.425 26.625C22.975 27.4083 23.25 28.2833 23.25 29.25C23.25 30.2 22.975 31.0667 22.425 31.85C21.875 32.6333 21.15 33.2 20.25 33.55V35.75Z\" fill=\"#F24B88\" \/>\n<\/svg>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"card__title\">\n\t\tModu\u0142owa architektura Nuxt\t<\/div>\n\t\t\t<div class=\"card__description\">\n\t\t\tNuxt opiera si\u0119 na modu\u0142owej architekturze, co u\u0142atwia tworzenie i rozbudow\u0119 aplikacji. Dost\u0119pny jest bogaty ekosystem oficjalnych i zewn\u0119trznych modu\u0142\u00f3w, kt\u00f3re rozszerzaj\u0105 funkcjonalno\u015b\u0107 frameworka o gotowe rozwi\u0105zania dla typowych problem\u00f3w webowych.\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width  has-transparent-background-color has-background\"><div class=\"container-grid pt-[60px] desktop:pt-[120px]\"><div class=\"\"><div class=\"\"><div class=\"\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"cta cta--light\">\n\t\t<div class=\"cta__body\">\n\t\t\t<div class=\"cta__text\">\n\t\t\t\tSzukasz do\u015bwiadczonego zespo\u0142u programistycznego? Porozmawiajmy o&nbsp;konkretach.\t\t\t<\/div>\n\t\t\t<div>\n\t\t\t\t\n<div class=\"person-contact flex gap-[16px] items-center\">\n\t<div class=\"person-contact__image\">\n\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n<rect x=\"16\" y=\"16\" width=\"24\" height=\"24\" fill=\"#D9D9D9\" \/>\n\n<g>\n<path d=\"M24 27C24.2833 27 24.5208 26.9042 24.7125 26.7125C24.9042 26.5208 25 26.2833 25 26C25 25.7167 24.9042 25.4792 24.7125 25.2875C24.5208 25.0958 24.2833 25 24 25C23.7167 25 23.4792 25.0958 23.2875 25.2875C23.0958 25.4792 23 25.7167 23 26C23 26.2833 23.0958 26.5208 23.2875 26.7125C23.4792 26.9042 23.7167 27 24 27ZM28 27C28.2833 27 28.5208 26.9042 28.7125 26.7125C28.9042 26.5208 29 26.2833 29 26C29 25.7167 28.9042 25.4792 28.7125 25.2875C28.5208 25.0958 28.2833 25 28 25C27.7167 25 27.4792 25.0958 27.2875 25.2875C27.0958 25.4792 27 25.7167 27 26C27 26.2833 27.0958 26.5208 27.2875 26.7125C27.4792 26.9042 27.7167 27 28 27ZM32 27C32.2833 27 32.5208 26.9042 32.7125 26.7125C32.9042 26.5208 33 26.2833 33 26C33 25.7167 32.9042 25.4792 32.7125 25.2875C32.5208 25.0958 32.2833 25 32 25C31.7167 25 31.4792 25.0958 31.2875 25.2875C31.0958 25.4792 31 25.7167 31 26C31 26.2833 31.0958 26.5208 31.2875 26.7125C31.4792 26.9042 31.7167 27 32 27ZM18 38V20C18 19.45 18.1958 18.9792 18.5875 18.5875C18.9792 18.1958 19.45 18 20 18H36C36.55 18 37.0208 18.1958 37.4125 18.5875C37.8042 18.9792 38 19.45 38 20V32C38 32.55 37.8042 33.0208 37.4125 33.4125C37.0208 33.8042 36.55 34 36 34H22L18 38ZM21.15 32H36V20H20V33.125L21.15 32Z\" fill=\"#F24B88\" \/>\n<\/g>\n<\/svg>\n\t\t\t<\/div>\n\t<div class=\"person-contact__details label-md\">\n\t\t<div class=\"person-contact__email\">\n\t\t\t<a href=\"mailto:hello@smultron.pl\">\n\t\t\t\thello@smultron.pl\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div class=\"person-contact__phone\">\n\t\t\t<a href=\"tel:+48 791 991 797\">\n\t\t\t\t+48 791 991 797\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"cta__button\">\n\t\t\t<a href=\"#skontaktuj-sie\"\n\t\t\t\tclass=\"button button--gradient-red button--with-icon\">\n\t\t\t<span>\n\t\t\tWyce\u0144 projekt\t\t\t<\/span>\n\t\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div class=\"cta__image\">\n\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/marcin-stawowiak-cta.png\"\n\t\t\t\twidth=\"528\"\n\t\t\t\theight=\"376\"\n\t\t\t\talt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 528px; --smush-placeholder-aspect-ratio: 528\/376;\">\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy has-transparent-background-color has-background\" id=\"dlaczego-warto\"><div class=\"container-grid pt-[60px] desktop:pt-[120px]\"><div class=\"\"><div class=\"\">\n<div style=\"background-color:transparent\" class=\"wp-block-smultron-grid\"><div><div class=\"wp-block-smultron-grid grid gap-[24px] tablet:grid-cols-1 desktop:grid-cols-2 items-none gap-y-[30px] desktop:gap-y-[60px]\">\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\t<div class=\"grid gap-[16px]\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n<div class=\"wp-block-smultron-section-content text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none\"><div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\"><div class=\"hm3 desktop:h3 title\">Dlaczego warto wybra\u0107 Vue.js i Nuxt.js?<\/div>\n\n<p>Szukasz nowoczesnych technologii do sklepu internetowego, strony firmowej lub aplikacji webowej? Vue.js i Nuxt to idealny wyb\u00f3r!<\/p>\n\n<\/div><\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tSzybkie i wydajne\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tTwoja strona dzia\u0142a b\u0142yskawicznie, zapewniaj\u0105c lepsze wra\u017cenia u\u017cytkownika.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tSkalowalne\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tWraz z rozwojem Twojego biznesu, ro\u015bnie r\u00f3wnie\u017c Twoja strona.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tElastyczne\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tDopasuj wygl\u0105d i funkcje do swoich potrzeb.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tDoskona\u0142e SEO\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tTwoja strona jest lepiej widoczna w wyszukiwarkach.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tGotowe rozwi\u0105zania\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tNuxt u\u0142atwia prac\u0119 nad z\u0142o\u017conymi projektami.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tDu\u017ca spo\u0142eczno\u015b\u0107\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tZawsze znajdziesz pomoc i wsparcie.\t<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n<script type=\"text\/javascript\" defer\n\t\tsrc=\"https:\/\/widget.clutch.co\/static\/js\/widget.js\"><\/script>\n<div data-aos=\"animate__fadeInUp\"\n\tid=klienci-o-nas \tclass=\"full-width container-grid\ngap-y-[32px] py-[30px]\ndesktop:py-[90px]\ndesktop:gap-y-[60px]\n[&#038;_iframe]:max-w-[1440px]\n[&#038;_iframe]:mx-auto\nbg-[#fafafa]\">\n\t<div class=\"clutch-widget\"\n\t\tdata-url=\"https:\/\/widget.clutch.co\"\n\t\tdata-widget-type=\"12\" data-height=\"375\" data-nofollow=\"true\" data-expandifr=\"true\" data-scale=\"100\" data-scale=\"100\" data-reviews=\"325293,324727,314717,255494,242452,200981,194811,192192,131494,29256,119839,118472\" data-clutchcompany-id=\"899749\"><\/div>\n<\/div>\n\n\n\n<p><\/p>\n<div class=\"full-width container-grid gap-y-[32px] section-scrollspy  bg-gray-1 pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"\n\tid=\"skontaktuj-sie\">\n\t<div class=\"hm2 desktop:h2\"\n\t\tdata-aos=\"animate__fadeInUp\"\n\t>\n\t\tSkontaktuj si\u0119 z nami\t<\/div>\n\t<div class=\"grid desktop:grid-cols-12 gap-y-[60px] items-start\">\n\t\t\n<div class=\"desktop:col-span-6 grid tablet:grid-cols-2\n\t\ttablet:gap-x-[24px] tablet:gap-y-[32px]\">\n\t<div class=\"\">\n\t\t<div class=\"\">\n\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/01\/681c046dafbd67a84a6a2820a207caa9-e1706629988730-768x515.jpeg\"\n\t\t\t\twidth=\"327\"\n\t\t\t\theight=\"204\"\n\t\t\t\tclass=\"w-full aspect-[390\/243] object-cover rounded-t-[10px] lazyload\"\n\t\t\t\talt=\"Marcin Stawowiak\"\n\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 327px; --smush-placeholder-aspect-ratio: 327\/204;\" \/>\n\t\t\t<div class=\"p-[24px] tablet:border-l-[1px] tablet:border-b-[1px]\n\t\t\tborder-gray-2 tablet:rounded-bl-[10px] max-tablet:border-x-[1px]\n\t\t\tgrid gap-[16px]\">\n\t\t\t\t<div class=\"h6\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>Marcin Stawowiak<\/div>\n\t\t\t\t<div class=\"label-xs font-bold\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>\n\t\t\t\t\tCo-founder, Executive Manager\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"pl-[24px] pb-[24px] pr-[24px] tablet:ml-[-24px]\n\t\t\ttablet:pt-[24px] grid gap-[16px] tablet:self-end tablet:border-[1px] tablet:border-l-0\n\t\t\tborder-gray-2 tablet:rounded-r-[10px] max-tablet:border-x-[1px]\n\t\t\tmax-tablet:border-b-[1px] max-tablet:rounded-b-[10px]\n\t\t\tgap-y-[60px]\">\n\t\t<div class=\"label-md max-tablet:hidden\" data-aos=\"animate__fadeInUp\">\n\t\t\tSzukasz do\u015bwiadczonego zespo\u0142u programistycznego? <br \/>Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<div class=\"grid body-md\" data-aos=\"animate__fadeInUp\">\n\t\t\t<a href=\"mailto:hello@smultron.pl\">hello@smultron.pl<\/a>\n\t\t\t<a href=\"tel:+48 791 991 797\">+48 791 991 797<\/a>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"tablet:col-span-2 body-md grid gap-[16px] mt-[32px]\n\ttablet:mt-0\" data-aos=\"animate__fadeInUp\">\n\t\t<div class=\"label-md\">\n\t\t\tSmultron Web Development\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\tul. S\u0142awkowska 12\t\t\t<br\/>\n\t\t\t31-014 Krak\u00f3w\t\t<\/div>\n\t\t<div>\n\t\t\tNIP:&nbsp;6762482785\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\n<div class=\"desktop:col-start-8 desktop:col-span-5 contact-form-footer\">\n\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f224-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"224\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pl\/wp-json\/wp\/v2\/service\/1862#wpcf7-f224-o1\" method=\"post\" class=\"wpcf7-form init wpcf7-acceptance-as-validation\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"224\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f224-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"desktop:col-start-8 desktop:col-span-5\">\n  <div class=\"grid gap-[32px]\">\n    <div class=\"label-md\">\n\t\t\tWype\u0142nij poni\u017cszy formularz\n    <\/div>\n    <div class=\"grid gap-[24px]\">\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-email\">Tw\u00f3j e-mail*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" id=\"msg-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n      <\/div>\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-content\">Twoja wiadomo\u015b\u0107*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2500\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control form-control-textarea\" id=\"msg-content\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Podziel si\u0119 szczeg\u00f3\u0142ami swojego projektu\" name=\"message\"><\/textarea><\/span>\n        <div class=\"form-text\">\n          Max. 2500 znak\u00f3w\n        <\/div>\n      <\/div>\n      <div class=\"form-row label-sm\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-69\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-69\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\"><span><\/span><span>Zapozna\u0142em si\u0119 i akceptuj\u0119 <a href=\"\/pl\/polityka-prywatnosci\/\" class=\"underline\" target=\"_blank\" rel=\"nofollow\">Regulamin i Polityk\u0119 Prywatno\u015bci Smultron<\/a>.*<\/span><\/span><\/label><\/span><\/span><\/span>\n      <\/div>\n      <div>\n        <button type=\"submit\" class=\"button button--gradient-red\n                button--with-icon\">\n                    <span>Wy\u015blij<\/span>\n                    <span class=\"icon-arrow-right\"><\/span>\n                <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t<div class=\"contact-form-footer__success flex bg-green-2\n\t\t\t\t\t\tborder-green-3 p-[16px] gap-[16px] rounded-[8px]\n\t\t\t\t\t\tmt-[30px]\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\n\t\t\tviewBox=\"0 0 24 24\" fill=\"none\">\n\t\t\t<path d=\"M12 2C17.51 2 22 6.49 22 12C22 17.51 17.51 22 12 22C6.49 22 2 17.51 2 12C2 6.49 6.49 2 12 2ZM12 0C5.37 0 0 5.37 0 12C0 18.63 5.37 24 12 24C18.63 24 24 18.63 24 12C24 5.37 18.63 0 12 0ZM18.25 8.89L16.83 7.48L10.73 13.7L7.65 10.76L6.25 12.2L10.75 16.52L18.25 8.89Z\"\n\t\t\t\t\tfill=\"#104121\"><\/path>\n\t\t<\/svg>\n\t\t<div class=\"body-md text-green-4\">\n\t\t\t<strong>Dzi\u0119kujemy za przes\u0142anie formularza!<\/strong> Odpowiemy w ci\u0105gu 24 godzin.\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Skontaktuj si\u0119 z nami Marcin Stawowiak Co-founder, Executive Manager Szukasz do\u015bwiadczonego zespo\u0142u programistycznego? Porozmawiajmy o konkretach. hello@smultron.pl +48 791 991 797 Smultron Web Development ul. S\u0142awkowska 12 31-014 Krak\u00f3w NIP:&nbsp;6762482785 Wype\u0142nij poni\u017cszy formularz Tw\u00f3j e-mail* Twoja wiadomo\u015b\u0107* Max. 2500 znak\u00f3w Zapozna\u0142em si\u0119 i akceptuj\u0119 Regulamin i Polityk\u0119 Prywatno\u015bci Smultron.* Wy\u015blij Dzi\u0119kujemy za przes\u0142anie formularza! Odpowiemy [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","service_category":[30],"service_tag":[],"class_list":["post-1862","service","type-service","status-publish","hentry","service_category-web-development-services"],"acf":[],"_links":{"self":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/service\/1862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/service"}],"about":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/types\/service"}],"wp:attachment":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/media?parent=1862"}],"wp:term":[{"taxonomy":"service_category","embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/service_category?post=1862"},{"taxonomy":"service_tag","embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/service_tag?post=1862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}