{"id":31481,"date":"2025-04-02T14:04:54","date_gmt":"2025-04-02T12:04:54","guid":{"rendered":"https:\/\/hivecreatives.se\/tjanster\/next-js-utveckling\/"},"modified":"2025-05-27T12:27:41","modified_gmt":"2025-05-27T10:27:41","slug":"next-js","status":"publish","type":"services","link":"https:\/\/hivecreatives.se\/en\/services\/next-js\/","title":{"rendered":"Next JS"},"content":{"rendered":"<style>.elementor-14953 .elementor-element.elementor-element-9dc7cd0{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:200px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14953 .elementor-element.elementor-element-9dc7cd0:not(.elementor-motion-effects-element-type-background), .elementor-14953 .elementor-element.elementor-element-9dc7cd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url(\"https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/01.jpg\");}.elementor-14953 .elementor-element.elementor-element-e584241 .elementor-heading-title{font-family:\"outfit\", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-1b7c756 );}.elementor-14953 .elementor-element.elementor-element-e584241 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14953 .elementor-element.elementor-element-e584241.elementor-element{--align-self:flex-start;}.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-family:var( --e-global-typography-09506f0-font-family ), Sans-serif;font-size:var( --e-global-typography-09506f0-font-size );font-weight:var( --e-global-typography-09506f0-font-weight );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );color:var( --e-global-color-1b7c756 );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-family:var( --e-global-typography-df58ad6-font-family ), Sans-serif;font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );color:var( --e-global-color-1b7c756 );width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-link{color:#000;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-family:var( --e-global-typography-967bde5-font-family ), Sans-serif;font-size:var( --e-global-typography-967bde5-font-size );font-weight:var( --e-global-typography-967bde5-font-weight );text-transform:var( --e-global-typography-967bde5-text-transform );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}@media(min-width:2400px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:1366px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:1200px){.elementor-14953 .elementor-element.elementor-element-3e8986d{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:880px){.elementor-14953 .elementor-element.elementor-element-3e8986d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-14953 .elementor-element.elementor-element-9dc7cd0{--min-height:450px;}.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}\/* Start Custom Fonts CSS *\/@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Regular.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Bold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 100;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Thin.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 200;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-ExtraLight.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Light.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Regular.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Medium.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-SemiBold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Bold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 800;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-ExtraBold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 900;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Black.ttf') format('truetype');\n}\n\/* End Custom Fonts CSS *\/<\/style>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_4d53eb8 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_4d53eb8 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #000; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_4d53eb8 .primary-link {\ncolor:#000;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_4d53eb8 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_4d53eb8:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_4d53eb8 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_4d53eb8 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_4d53eb8 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_4d53eb8 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h2>Vad \u00e4r Next.js \u2013 och varf\u00f6r anv\u00e4nds det?<br \/>\n<\/h2>\n<p>Next.js \u00e4r ett ramverk byggt ovanp\u00e5 React som kombinerar kraften i komponentbaserad frontendutveckling med f\u00f6rdelarna av server-side rendering (SSR). Det inneb\u00e4r att webbplatsen laddas snabbt, fungerar s\u00f6ml\u00f6st \u2013 och syns b\u00e4ttre i s\u00f6kmotorer.<\/p>\n<p>Till skillnad fr\u00e5n traditionella single page applications (SPA) som renderas helt i webbl\u00e4saren, g\u00f6r Next.js det m\u00f6jligt att generera inneh\u00e5llet p\u00e5 servern innan det skickas till anv\u00e4ndaren. Resultatet? Kortare laddningstider, b\u00e4ttre anv\u00e4ndarupplevelse och starkare <a href=\"https:\/\/hivecreatives.se\/en\/services\/seo\/\">SEO<\/a>-prestanda.<\/p>\n<p>Next.js passar f\u00f6retag som:<\/p>\n<ul>\n<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\tBeh\u00f6ver s\u00f6kmotoroptimerade webbsidor\n\t\t\t\t\t\t\t\t\t<\/li>\n<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\tVill ha h\u00f6g prestanda p\u00e5 b\u00e5de mobil och desktop\n\t\t\t\t\t\t\t\t\t<\/li>\n<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\tBygger headless-l\u00f6sningar med t.ex. WordPress eller Sanity\n\t\t\t\t\t\t\t\t\t<\/li>\n<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\tDriver content-heavy sajter eller digitala produkter\n\t\t\t\t\t\t\t\t\t<\/li>\n<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\t\tKr\u00e4ver skalbarhet och flexibilitet f\u00f6r vidareutveckling\n\t\t\t\t\t\t\t\t\t<\/li>\n<\/ul>\n<p>Vi anv\u00e4nder Next.js f\u00f6r att skapa moderna, framtidss\u00e4kra webbl\u00f6sningar som inte bara ser bra ut \u2013 utan ocks\u00e5 levererar aff\u00e4rsresultat.<\/p>\n<p>\t\t\t\t\tV\u00e5ra Tj\u00e4nster\t\t\t\t<\/p>\n<h2>Fler tj\u00e4nster<\/h2>\n<p>Vi bygger moderna, skalbara och snabba webbplatser med hj\u00e4lp av bepr\u00f6vade tekniker och flexibla ramverk. Oavsett om du beh\u00f6ver en <a href=\"https:\/\/hivecreatives.se\/en\/services\/wordpress\/\">WordPress<\/a>-sajt, ett skr\u00e4ddarsytt system i <a href=\"https:\/\/hivecreatives.se\/en\/services\/php\/\">PHP<\/a> eller en blixtsnabb frontend i <a href=\"https:\/\/hivecreatives.se\/en\/services\/react\/\">React<\/a> eller <a href=\"https:\/\/hivecreatives.se\/en\/services\/next-js\/\">Next.js<\/a> \u2013 vi har expertisen som kr\u00e4vs f\u00f6r att leverera p\u00e5 h\u00f6g niv\u00e5.<\/p>\n<h3>WordPress<\/h3>\n<p>Skr\u00e4ddarsydda, l\u00e4ttsk\u00f6tta och SEO-v\u00e4nliga sajter.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_a33859c svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_a33859c {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_a33859c .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_a33859c .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_a33859c:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_a33859c .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_a33859c .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_a33859c {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_a33859c .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>PHP<\/h3>\n<p>Stabila backend-l\u00f6sningar f\u00f6r skalbara webbapplikationer.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_0f64bad svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_0f64bad {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_0f64bad .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_0f64bad .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_0f64bad:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_0f64bad .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_0f64bad .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_0f64bad {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_0f64bad .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>React<br \/>\n<\/h3>\n<p>Responsiva och interaktiva gr\u00e4nssnitt i toppklass.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_4e2e429 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_4e2e429 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_4e2e429 .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_4e2e429 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_4e2e429:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_4e2e429 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_4e2e429 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_4e2e429 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_4e2e429 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>CSS<\/h3>\n<p>Anpassad design och layout f\u00f6r en enhetlig upplevelse.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_d5e646e svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_d5e646e {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_d5e646e .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_d5e646e .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_d5e646e:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_d5e646e .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_d5e646e .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_d5e646e {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_d5e646e .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button --><br \/>\n<!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_2c3d40a svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_2c3d40a {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_2c3d40a .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_2c3d40a .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_2c3d40a:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_2c3d40a .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_2c3d40a .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_2c3d40a {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_2c3d40a .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    Alla Tj\u00e4nster<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h2>Redo att ta n\u00e4sta steg?<\/h2>\n<p>Vi lyssnar, analyserar och formar en v\u00e4g fram\u00e5t som speglar just era m\u00e5l. H\u00f6r av er \u2013 s\u00e5 b\u00f6rjar vi d\u00e4r ni \u00e4r. Kontakta oss<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_e83819c svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_e83819c {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFFFFF;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_e83819c .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_e83819c .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFFFFF;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_e83819c:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_e83819c .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_e83819c .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_e83819c {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_e83819c .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    Kontakta oss<br \/>\n  <\/a><br \/>\n<!-- end Creative Button --><br \/>\n\t\t\t\t\tV\u00e5r Process\t\t\t\t<\/p>\n<h2>S\u00e5 bygger vi webbplatser som g\u00f6r skillnad<br \/>\n<\/h2>\n<p>Varje webbprojekt \u00e4r unikt \u2013 men v\u00e5r process bygger alltid p\u00e5 insikt, struktur och samarbete. Med fokus p\u00e5 funktion, design och aff\u00e4rsnytta guidar vi er fr\u00e5n f\u00f6rsta id\u00e9 till en f\u00e4rdig webbplats som b\u00e5de presterar och engagerar.&#8217;<\/p>\n<h3>\n\t\t\t\t\t\t\tBehov, m\u00e5l &#038; planering<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi b\u00f6rjar alltid med att lyssna. I ett inledande workshop m\u00f6te kartl\u00e4gger vi era behov, m\u00e5lgrupper och aff\u00e4rsm\u00e5l. Tillsammans s\u00e4tter vi ramarna f\u00f6r projektet, prioriterar funktionalitet och skapar samsyn inf\u00f6r n\u00e4sta steg.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t01\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tStruktur &#038; SEO-grund<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tH\u00e4r l\u00e4gger vi grunden f\u00f6r en logisk och s\u00f6koptimerad webb. Vi skapar en sitemap, identifierar viktiga s\u00f6kord och planerar inneh\u00e5llets uppbyggnad. Allt f\u00f6r att ge anv\u00e4ndare och s\u00f6kmotorer en tydlig v\u00e4g genom webbplatsen.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t02\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tDesign &#038; upplevelse<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi tar fram en visuell och funktionell design som speglar ert varum\u00e4rke och m\u00f6ter anv\u00e4ndarnas behov. Designen byggs i Figma och \u00e4r alltid responsiv, tillg\u00e4nglig och utformad f\u00f6r att driva engagemang och konvertering.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t03\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tUtveckling &#038; teknik<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tNu blir id\u00e9n verklighet. Vi kodar webbplatsen med moderna ramverk och CMS-l\u00f6sningar \u2013 optimerat f\u00f6r prestanda, tillg\u00e4nglighet och framtida behov. Vi bygger flexibelt och skalbart \u2013 med smarta funktioner som g\u00f6r jobbet enklare.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t04\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tInneh\u00e5ll, test &#038; lansering<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tN\u00e4r webbplatsen \u00e4r klar hj\u00e4lper vi till med att fylla den med r\u00e4tt inneh\u00e5ll \u2013 eller st\u00f6ttar er i processen. Vi testar noggrant p\u00e5 alla enheter, justerar det sista och lanserar f\u00f6rst n\u00e4r allt k\u00e4nns 100%. Efter lansering finns vi kvar \u2013 f\u00f6r att st\u00f6tta, vidareutveckla och optimera.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t05<\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","service-category":[46],"class_list":{"0":"post-31481","1":"services","2":"type-services","3":"status-publish","5":"service-category-webbutveckling-en"},"acf":[],"_links":{"self":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/types\/services"}],"version-history":[{"count":2,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31481\/revisions"}],"predecessor-version":[{"id":46230,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31481\/revisions\/46230"}],"wp:attachment":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/media?parent=31481"}],"wp:term":[{"taxonomy":"service-category","embeddable":true,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/service-category?post=31481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}