4a2a66a45b3095367efb3012c7c5e0f8d3c3fefa.10381169aa48a4dfa3bd.js.download

(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[19],{thP6:function(e,t,a){"use strict";a.r(t),a.d(t,"__N_SSG",(function(){return v})),a.d(t,"ARTICLES_PER_PAGE",(function(){return k})),a.d(t,"default",(function(){return J})),a.d(t,"getContent",(function(){return R}));var i=a("o0o1"),r=a.n(i),c=a("ODXe"),n=a("HaE+"),o=a("wx14"),s=a("rePB"),l=a("AeFk"),d=a("ytZV"),b=(a("FdF9"),a("pwnY")),p=a("a8ZA"),u=a("AQhq"),f="9eb19487e49d4251ae17e09ec3fd2a3a",h=a("GRtX"),g=a("9ixD"),O=a("20a2"),m=a("vWJ7"),j=a("O/lF"),x=a("CjGf");function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,i)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?w(Object(a),!0).forEach((function(t){Object(s.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):w(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}d.builder.init("YJIGb4i01jvw0SRdL5Bt"),d.builder.apiVersion=x.a;var v=!0,k=30,P="Builder.io Blog",A="Builder Blog for the latest insights, tips, and best practices for learning how to build fast digital experiences across all channels, faster.",B={name:"1yil6rq",styles:"display:flex;flex-direction:column;font-size:16px"},_={name:"eivff4",styles:"display:none"},L={name:"11xv3i4",styles:"text-align:left;padding:50px;margin-top:50px;margin-bottom:50px"},S={name:"1bkpu5b",styles:"margin-top:30px"},D={name:"39oyph",styles:"max-width:80vw;border-radius:4px;overflow:hidden;box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"},E={name:"rw7clj",styles:"font-size:32px;line-height:32px;letter-spacing:-0.03em;margin:50px 0 -35px 0"},F={name:"b38uis",styles:"padding:20px;width:300px;margin:auto;display:flex"},N={name:"1e64wdl",styles:"color:#777"},W={name:"7zo9i5",styles:"color:#777;margin-left:auto"},G={name:"u0v7r2",styles:"max-width:1200px;width:100%;margin:40px auto 0"};function J(e){var t,a=e.articles,i=e.header,r=e.footer,c=e.pageNumber,n=Object(O.useRouter)().asPath.split("?")[0];return Object(l.c)("div",{css:B},Object(l.c)(m.a,{maxWidth:1280}),Object(l.c)(g.c,{title:P,description:A,canonical:"https://www.builder.io".concat(n),openGraph:{type:"website",locale:"en_US",url:"https://www.builder.io".concat(n),title:P,description:A,site_name:"Builder.io",images:[{url:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd0d4f1f35cf54b5f8b957c50216cb314?width=1200",width:1200,height:675,alt:P}]}}),Object(l.c)(d.BuilderComponent,{renderLink:h.b,name:"docs-header",content:i}),Object(l.c)("div",{css:Object(l.b)((t={padding:50},Object(s.a)(t,b.c,{padding:35}),Object(s.a)(t,"paddingBottom",0),Object(s.a)(t,"width","100%"),Object(s.a)(t,"maxWidth",1400),Object(s.a)(t,"margin","0 auto"),Object(s.a)(t,"textAlign","left"),Object(s.a)(t,"fontWeight",600),Object(s.a)(t,"display","flex"),Object(s.a)(t,"flexWrap","wrap"),Object(s.a)(t,"justifyContent","space-between"),Object(s.a)(t,"alignItems","flex-start"),Object(s.a)(t,"background","white"),Object(s.a)(t,"position","relative"),t),"","")},Object(l.c)(j.a,{css:_}),a.length?a.slice(0,k).map((function(e,t){var a,i,r=c<=1&&0===t;return Object(l.c)(h.a,Object(o.a)({css:Object(l.b)((a={cursor:"pointer",display:"inline-block",width:r?"100%":"30%"},Object(s.a)(a,b.a,{width:r?"100%":"45%"}),Object(s.a)(a,b.c,{width:"100%"}),Object(s.a)(a,"marginBottom",r?80:55),a),""),key:e.id,href:e.data.externalLink||"/blog/".concat(e.data.handle)},e.data.externalLink&&{target:"_blank"}),Object(l.c)(u.a,{css:Object(l.b)((i={display:"flex",flexDirection:r?"row-reverse":"column"},Object(s.a)(i,b.c,{flexDirection:"column"}),Object(s.a)(i,"maxWidth","calc(100vw - 40px)"),i),""),item:e.data,heroArticle:r}),r&&Object(l.c)("div",{css:E},"Latest Articles"))})):Object(l.c)("div",{css:L},Object(l.c)("div",null,"No articles found for this page."," ",Object(l.c)(p.a,{href:"/blog"},"Back to the blog")),Object(l.c)("div",{css:S},Object(l.c)("img",{css:D,src:"https://media.giphy.com/media/RHzqdZJztOu7S/giphy.gif"})))),(c>1||a.length>k)&&Object(l.c)("div",{css:F},c>1&&Object(l.c)(p.a,{css:N,href:"/blog".concat(c<3?"":"/page/".concat(c-1))},"\u2039 Previous page"),a.length>k&&Object(l.c)(p.a,{css:W,href:"/blog/page/".concat(c+1)},"Next page \u203a")),Object(l.c)("div",{css:G},Object(l.c)(d.BuilderComponent,{name:"symbol",content:r})))}function R(e){return C.apply(this,arguments)}function C(){return(C=Object(n.a)(r.a.mark((function e(t){var a,i,n,o,s,l,b,p=arguments;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=p.length>1&&void 0!==p[1]?p[1]:1,a=Math.max(a,1),i={device:"_",urlPath:"/blog "},e.next=5,Promise.all([d.builder.getAll("blog-article",{key:"blog-articles:all:".concat(a),fields:"data.image,data.handle,data.title,data.author.value.data.fullName,data.blurb,data.topic,data.readTime,data.date,data.externalLink",limit:k+1,userAttributes:i,offset:(a-1)*k,options:{offset:(a-1)*k},query:{"data.hideFromList":{$ne:!0}}}),d.builder.get("docs-header",{userAttributes:i}).promise(),d.builder.get("symbol",{userAttributes:y({},i),entry:f}).promise()]);case 5:return n=e.sent,o=Object(c.a)(n,3),s=o[0],l=o[1],b=o[2],e.abrupt("return",{articles:s,header:l,footer:b,pageNumber:a});case 11:case"end":return e.stop()}}),e)})))).apply(this,arguments)}},vWJ7:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var i=a("AeFk");function r(e){var t=e.maxWidth,a=void 0===t?1380:t;return Object(i.c)("style",null,"\n    .header-container {\n      max-width: ".concat(a,"px !important;\n    }\n  "))}}}]);