https://antler.digital/_next/static/chunks/pages/blog/[...blogId]-c47a5ae4ed810972.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[804],{1266:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[...blogId]",function(){return l(26324)}])},26324:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return b},default:function(){return j}});var o=l(85893),s=l(67294),r=l(72658),i=l(26034),a=l(63506),n=l(99607),d=l(57550),svgs_FacebookLogo=()=>(0,o.jsx)("svg",{width:"22",height:"23",viewBox:"0 0 22 23",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M19.5312 0.562012H2.34375C1.72215 0.562012 1.12601 0.808942 0.686468 1.24848C0.24693 1.68802 0 2.28416 0 2.90576L0 20.0933C0 20.7149 0.24693 21.311 0.686468 21.7505C1.12601 22.1901 1.72215 22.437 2.34375 22.437H9.04541V15H5.96924V11.4995H9.04541V8.83154C9.04541 5.79688 10.8521 4.12061 13.6191 4.12061C14.9443 4.12061 16.3301 4.35693 16.3301 4.35693V7.33545H14.8032C13.2988 7.33545 12.8296 8.26904 12.8296 9.22656V11.4995H16.188L15.6509 15H12.8296V22.437H19.5312C20.1529 22.437 20.749 22.1901 21.1885 21.7505C21.6281 21.311 21.875 20.7149 21.875 20.0933V2.90576C21.875 2.28416 21.6281 1.68802 21.1885 1.24848C20.749 0.808942 20.1529 0.562012 19.5312 0.562012Z",fill:"black"})}),svgs_LinkedInLogo=()=>(0,o.jsx)("svg",{width:"23",height:"22",viewBox:"0 0 23 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M5.33398 21.8745H0.798828V7.27002H5.33398V21.8745ZM3.06396 5.27783C1.61377 5.27783 0.4375 4.07666 0.4375 2.62646C0.4375 1.92988 0.714216 1.26183 1.20677 0.769274C1.69933 0.276716 2.36738 0 3.06396 0C3.76055 0 4.4286 0.276716 4.92116 0.769274C5.41371 1.26183 5.69043 1.92988 5.69043 2.62646C5.69043 4.07666 4.51367 5.27783 3.06396 5.27783ZM22.3076 21.8745H17.7822V14.7651C17.7822 13.0708 17.748 10.8979 15.4243 10.8979C13.0664 10.8979 12.7051 12.7388 12.7051 14.6431V21.8745H8.17481V7.27002H12.5244V9.26221H12.5879C13.1934 8.11475 14.6724 6.90381 16.8789 6.90381C21.4688 6.90381 22.3125 9.92627 22.3125 13.8521V21.8745H22.3076Z",fill:"black"})}),svgs_TwitterLogo=()=>(0,o.jsx)("svg",{width:"26",height:"21",viewBox:"0 0 26 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M22.8677 5.40742C22.8835 5.62949 22.8835 5.85161 22.8835 6.07368C22.8835 12.8471 17.7281 20.6517 8.30552 20.6517C5.40259 20.6517 2.70591 19.8109 0.4375 18.3516C0.849951 18.3992 1.24648 18.415 1.6748 18.415C4.07007 18.415 6.27505 17.6061 8.03584 16.226C5.7833 16.1784 3.89561 14.7031 3.24521 12.6727C3.5625 12.7202 3.87974 12.752 4.21289 12.752C4.6729 12.752 5.13296 12.6885 5.56123 12.5775C3.21353 12.1016 1.45269 10.0394 1.45269 7.54893V7.4855C2.13477 7.86621 2.92798 8.10415 3.76865 8.13584C2.38857 7.21577 1.48442 5.64536 1.48442 3.8687C1.48442 2.91694 1.73818 2.04448 2.18237 1.28306C4.70459 4.39219 8.49585 6.42261 12.7471 6.64473C12.6678 6.26401 12.6202 5.86748 12.6202 5.4709C12.6202 2.64727 14.9044 0.347168 17.7439 0.347168C19.2191 0.347168 20.5516 0.96582 21.4875 1.9

16519C22.6455 1.74312 23.7559 1.3148 24.7395 0.727881C24.3587 1.91763 23.5497 2.91699 22.4869 3.55146C23.518 3.44048 24.5174 3.15488 25.4374 2.75835C24.7395 3.77354 23.867 4.67769 22.8677 5.40742Z",fill:"black"})}),c=l(61532),p=l(42455),g=l(68990),h=l(92840),x=l(70478),u=l(18834),m=l(28045),v=l(19572),layout_BlogLayout=e=>{let{blogs:t,topics:l,currentPage:s,totalPages:r}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.ZP,{title:s>1?"Blog | Page ".concat(s," | Web Development & AI Insights"):"Blog | Web Development, AI & Digital Insights",description:s>1?"Page ".concat(s," of the Antler Digital blog. Practical insights on web development, AI, and digital product strategy."):"Practical insights on web development, AI implementation, and digital product strategy from the Antler Digital engineering team.",path:s>1?"/blog/".concat(s):"/blog",article:!1}),(0,o.jsx)(m.Z,{title:"Developer Drivel",includeStaggeredHorizontal:!1,children:(0,o.jsx)(u.m.p,{initial:{opacity:0},animate:{opacity:1},viewport:{once:!0,margin:"-20% 0%"},transition:{type:"tween",delay:.2},className:"max-w-screen-sm px-4 font-sans text-lg text-center sm:px-12 sm:text-xl",children:"When we learn something new, find a faster way, discover a better technology or simply want to explain something that we do regularly you'll find it here."})}),(0,o.jsx)(v.Z,{blogs:t,topics:l,currentPage:s,totalPages:r,topic:""})]})},w=l(25675),f=l.n(w);let extractArticleData=(e,t)=>{var l,o,s,r,i,a,n;let d=(null==e?void 0:e.title)||(null==t?void 0:null===(o=t.title)||void 0===o?void 0:null===(l=o[0])||void 0===l?void 0:l.plain_text)||"",c=(null==e?void 0:e.description)||(null==t?void 0:null===(r=t.description)||void 0===r?void 0:null===(s=r[0])||void 0===s?void 0:s.plain_text)||"",g=(null==e?void 0:e.publishedAt)||(null==t?void 0:t.date)||"",h=(null==e?void 0:null===(i=e.author)||void 0===i?void 0:i.name)||(null==t?void 0:null===(n=t.author)||void 0===n?void 0:null===(a=n[0])||void 0===a?void 0:a.plain_text)||"Sam Loyd",x=(null==e?void 0:e.slug)||(null==t?void 0:t.slug)||(0,p.lV)(d);return{title:d,description:c,publishedAt:g,author:h,slug:x}},generateKeywords=e=>e?[...e.tags.map(e=>e.title),...e.category?[e.category.title]:[]]:[],BlogPage=e=>{var t;let{meta:l,page:a,article:p,currentPage:u,blogs:m,totalPages:v,topics:w,isSeobotArticle:b=!1}=e,[j,C]=(0,s.useState)(""),[y,k]=(0,s.useState)(2),N=(0,c.AS)();(0,s.useEffect)(()=>{C(window.location.toString())},[]),(0,s.useEffect)(()=>

1{let updateBackgroundCount=()=>{if(!(null==_?void 0:_.current)||!N){k(2);return}let e=_.current.offsetHeight,t=Math.floor(.5*N);if(t<=0||e<=0){k(2);return}k(Math.max(1,Math.min(Math.floor(e/t),20)))};updateBackgroundCount();let handleResize=()=>{setTimeout(updateBackgroundCount,100)};return window.addEventListener("resize",handleResize),()=>window.removeEventListener("resize",handleResize)},[N]);let _=(0,s.useRef)(null);if(m&&u&&v&&w)return(0,o.jsx)(layout_BlogLayout,{blogs:m,topics:w,currentPage:u,totalPages:v});let{title:H,description:L,publishedAt:I,author:V,slug:P}=extractArticleData(p,l),Z=H.split(" ")||[""],B=b&&(null==p?void 0:p.html)?(0,g.KG)(p.html):null==p?void 0:p.html,A=generateKeywords(p);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.ZP,{title:H,description:L,path:"/blog/".concat(P),article:!0,pageId:(null==p?void 0:p.id)||(null==l?void 0:l.pageId),ogImage:null==p?void 0:p.coverImage,articleData:p,keywords:A}),(0,o.jsxs)("div",{className:"py-24 space-y-4",children:[(0,o.jsx)("div",{className:"flex items-end gap-4 mb-12 sm:mb-24",children:(0,o.jsxs)("div",{className:"w-full flex justify-center relative",children:[(0,o.jsx)("div",{className:"flex bg-white h-full w-1/3 z-0 absolute left-0"}),(0,o.jsx)("h1",{className:"w-full max-w-4xl  pl-7 sm:pl-[10%]  md:pl-28 lg:pl-0 xl:pl-0  flex flex-wrap relative z-10 text-black text-4xl font-bold leading-tight  gap-y-0",children:Z.map((e,t)=>(0,o.jsxs)("span",{className:" px-2 bg-white py-2 sm:py-4  w-fit last:pr-6",children:[e," "]},"blog-title-".concat(t)))})]})}),(0,o.jsxs)("div",{className:"relative overflow-hidden z-0",children:[(0,o.jsx)("div",{className:"absolute w-screen h-full",children:(0,o.jsx)("div",{className:"flex flex-col w-full h-full gap-24",children:Array.from({length:y}).map((e,t)=>(0,o.jsx)(i.Z,{right:t%2!=0,className:"relative ".concat(t%2!=0?"-right-2 sm:right-0":"-left-2 sm:left-0")},"vertical-stagger-".concat(t)))})}),(0,o.jsx)("div",{ref:_,className:"container mx-auto px-7 sm:px-16 xl:px-5 relative z-10",children:(0,o.jsxs)("div",{className:"max-w-4xl mx-auto space-y-8",children:[(0,o.jsxs)("div",{className:"flex justify-between gap-8 font-serif ".concat(x.ptSerif.variable),children:[(0,o.jsx)("time",{className:"text-lg leading-tight",dateTime:I,children:I}),(0,o.jsx)("div",{className:"flex items-center gap-4 text-lg leading-tight",children:(0,o.jsx)("span",{children:V})})]}),b&&(null==p?void 0:p.coverImage)&&(0,o.jsx)("div",{className:"w-full max-w-4xl mx-auto mb-8 relative h-64 sm:h-96",children:(0,o.jsx)(f(),{src:p.coverImage,alt:H,fill:!0,className:"w-full object-cover rounded-lg"})}),b&&B?(0,o.jsx)("div",{className:"prose prose-lg max-w-none  prose-headings:text-white prose-headings:font-serif  prose-h1:text-4xl prose-h1:sm:text-5xl prose-h1:sm:mt-12 prose-h1:sm:mb-8  prose-h2:text-3xl prose-h2:mt-6 prose-h2:sm:mt-12  prose-h3:text-2xl prose-h3:mb-8  prose-p:text-white prose-p:leading-loose  prose-li:text-white prose-li:leading-loose  prose-a:text-highlight prose-a:underline prose-a:hover:text-white prose-a:transition-colors  prose-strong:text-white prose-strong:font-bold  prose-em:text-white  prose-blockquote:text-white prose-blockquote:border-l-4 prose-blockquote:border-highlight prose-blockquote:pl-4 prose-blockquote:relative prose-blockquote:mb-8  prose-code:text-green prose-code:bg-black prose-code:px-1.5 prose-code:py-1 prose-code:rounded-md prose-code:text-sm  prose-pre:bg-black prose-pre:text-green prose-pre:shadow-lg prose-pre:shadow-purple-500/10  prose-ul:text-white prose-ul:list-disc prose-ul:list-outside prose-ul:marker:text-highlight prose-ul:leading-loose prose-ul:space-y-4  prose-ol:text-white prose-ol:list-decimal prose-ol:list-outside prose-ol:marker:text-highlight prose-ol:leading-loose prose-ol:space-y-4  prose-li:ml-4  prose-table:border-collapse prose-table:border-gray-700 prose-table:border  prose-th:text-gray-200 prose-th:font-semibold prose-th:border-gray-700 prose-th:border prose-th:px-4 prose-th:py-2 prose-th:bg-gray-800  prose-td:text-gray-200 prose-td:border-gray-700 prose-td:border prose-td:px-4 prose-td:py-2",dangerouslySetInnerHTML:{__html:B}}):(null==a?void 0:a.results)&&(null===(t=(0,h.Dd)(a.results))||void 0===t?void 0:t.map(e=>(0,h.A2)(e)))]})})]})]}),(0,o.jsxs)("div",{className:"flex flex-col items-end w-screen gap-2",children:[(0,o.jsx)("p",{className:"w-[80%] lg:w-[65%] px-12 font-bold bg-white text-black py-2",children:"if (valuable) then share();"}),(0,o.jsxs)("div",{className:"w-[63%] bg-white py-2 px-6 flex gap-8 items-center",children:[(0,o.jsx)(r.Z,{linkTo:"https://www.facebook.com/sharer/sharer.php?u=".concat(j),children:(0,o.jsx)(svgs_FacebookLogo,{})}),(0,o.jsx)(r.Z,{linkTo:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(j),children:(0,o.jsx)(svgs_LinkedInLogo,{})}),(0,o.jsx)(r.Z,{linkTo:"https://twitter.com/intent/tweet?url=".concat(j),children:(0,o.jsx)(svgs_TwitterLogo,{})})]})]}),(0,o.jsx)(d.Z,{})]})};var b=!0,j=BlogPage;BlogPage.getLayout=function(e){return(0,o.jsx)(a.Z,{children:e})}}},function(e){e.O(0,[144,675,181,506,607,46,421,774,888,179],function(){return e(e.s=1266)}),_N_E=e.O()}]);