https://backlinko.com/_next/static/chunks/pages/blog/categories/[slug]-7d601ba5d4a13cb6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2529],{3409:(n,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/categories/[slug]",function(){return t(60238)}])},38252:(n,e,t)=>{"use strict";t.d(e,{A:()=>d});var r,o=t(42969),i=t(32228),c=t(59860),a=t(38993),l=t(18153),s=["children"];function p(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,r)}return t}function u(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?p(Object(t),!0).forEach(function(e){(0,o.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let d=function(n){var e=n.children,t=(0,c.A)(n,s);return(0,l.Y)("div",u(u({css:(0,a.AH)(r||(r=(0,i.A)(["\n      font-size: 1.125rem;\n      background-color: #fff;\n      overflow-x: hidden;\n    "])))},t),{},{children:e}))}},49764:(n,e,t)=>{"use strict";t.d(e,{h:()=>c});var r,o=t(14232);function i(){return(i=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(null,arguments)}var c=function(n){return o.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},n),r||(r=o.createElement("path",{d:"M432 256c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24h368c13.3 0 24 10.7 24 24"})))}},56482:(n,e,t)=>{"use strict";t.d(e,{h:()=>c});var r,o=t(14232);function i(){return(i=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(null,arguments)}var c=function(n){return o.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},n),r||(r=o.createElement("path",{d:"M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24v160H40c-13.3 0-24 10.7-24 24s10.7 24 24 24h160v160c0 13.3 10.7 24 24 24s24-10.7 24-24V280h160c13.3 0 24-10.7 24-24s-10.7-24-24-24H248z"})))}},60238:(n,e,t)=>{"use strict";t.r(e),t.d(e,{__N_SSG:()=>A,default:()=>Y});var r=t(42969),o=t(59860),i=t(66647),c=t(31219),a=t(78830),l=t(91122),s=t(23789),p=t(80292),u=t(18136),d=t(38252),g=t(73197),h=t(93119),f=t(13838),v=t(76487),b=t(68835),m=t(95423),y=t(57265),w=t(45839),O=t(18153),x=["category","categories","currentPage","totalPages","join","seo"];function j(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,r)}return t}function P(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?j(Object(t),!0).forEach(function(e){(0,r.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var A=!0;let Y=function(n){var e,t=n.category,r=n.categories,j=n.currentPage,A=n.totalPages,Y=n.join,k=n.seo,D=(0,o.A)(n,x);if(!t||!t.seo)return null;var E=P(P({},t),{},{seo:P(P({},t.seo),{},{schema:{pageType:"CollectionPage"}})});return j>1&&(E.seo.title=E.seo.opengraphTitle="".concat(t.seo.baseTitle," • Page ").concat(j," of ").concat(A),E.seo.canonical.includes("page")||(E.seo.canonical+="/page/".concat(j),E.seo.opengraphUrl=E.seo.canonical)),(0,O.FD)(c.A,{data:D,post:E,children:[(0,O.Y)(i.A,{seo:k,page:E,applicationList:[(0,v.A)(n),(0,b.A)(n),(0,m.A)(n),(0,y.A)(n),(0,w.A)(n)]}),(0,O.Y)(s.A,{title:null==t?void 0:t.name}),(0,O.Y)(a.A,{pageLayout:"full-width",children:(0,O.FD)(d.A,{css:h.n,children:[(0,O.Y)(p.A,{styles:h.K,categories:null==r?void 0:r.nodes,currentId:null==t?void 0:t.id}),(0,O.Y)(l.mc,{children:(0,O.Y)(u.A,{posts:null==t||null==(e=t.contentNodes)?void 0:e.nodes,currentPage:j,totalPages:A})}),(0,O.Y)(f.h,{style:{margin:"0 auto"}}),(0,O.Y)(g.Ay,{join:Y})]})})]})}},68835:(n,e,t)=>{"use strict";t.d(e,{A:()=>i});var r="https://backlinko.com",o="https://api.backlinko.com";let i=function(n){var e=(null==n?void 0:n.page)||(null==n?void 0:n.post)||(null==n?void 0:n.lockedPost)||(null==n?void 0:n.category),t=((null==e?void 0:e.seo)||{}).breadcrumbs,i=(null==e?void 0:e.seo)||{},c=i.canonical,a=i.opengraphSiteName,l=c?c.replace("http://","https://").replace(o,r):"".concat(r).concat(e.uri),s=[];if(t&&t.forEach(function(n,e){var t;s.push({"@type":"ListItem",position:e+1,name:null==n?void 0:n.text,item:null==n||null==(t=n.url)||null==(t=t.replace("http://","https://"))?void 0:t.replace(o,r)})}),null!=s&&s.length)return{"@type":"BreadcrumbList","@id":"".concat(l,"/#/schema/breadcrumb/").concat(a.toLowerCase()),itemListElement:[].concat(s)}}},80292:(n,e,t)=>{"use strict";t.d(e,{A:()=>j});var r,o,i=t(42969),c=t(91122),a=t(14232),l=t(48230),s=t.n(l),p=t(56482),u=t(49764),d=t(32228),g=t(38993),h=t(94151),f=t(75317),v=(0,g.AH)(r||(r=(0,d.A)(["\n  "," {\n    > div {\n      color: ",";\n      font-size: 14px;\n      background-color: ",";\n      width: 100%;\n      border-radius: 4px;\n      border: 1px solid ",";\n      display: flex;\n      flex-direction: column;\n\n      > button {\n        background-color: transparent;\n        border: 0;\n        outline: none;\n        font-weight: ",";\n        text-transform: uppercase;\n        line-height: 1;\n        padding: 23px 16px;\n        color: ",";\n        cursor: pointer;\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        transition: color 0.1s linear;\n        letter-spacing: 0.5px;\n        font-size: 14px;\n\n        span {\n          position: relative;\n          top: 4px;\n        }\n\n        svg {\n          width: 16px;\n          height: auto;\n          fill: ",";\n          transition: fill 0.1s linear;\n        }\n\n        &:hover {\n          color: ",";\n\n          svg {\n            fill: ",";\n          }\n        }\n      }\n\n      > span {\n        width: calc(100% - 32px);\n        margin: 0 auto;\n        height: 1px;\n        background-color: ",";\n        display: none;\n\n        &.active {\n          display: block;\n        }\n      }\n\n      > nav {\n        width: 100%;\n        overflow: auto;\n        padding: 0 16px 16px;\n        display: none;\n\n        &.active {\n          display: block;\n        }\n\n        ul {\n          list-style: none;\n          margin: 0;\n          padding: 16px 0 0;\n\n          li {\n            position: relative;\n\n            a {\n              display: inline-flex;\n              padding: 8px 0;\n              color: inherit;\n              line-height: 1.5;\n\n              &:hover {\n                color: ",";\n              }\n            }\n\n            &.active {\n              a {\n                cursor: default;\n                color: ",";\n                text-decoration: underline;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  "," {\n    > div {\n      button {\n        display: none;\n      }\n\n      nav {\n        ul {\n          margin: 0;\n          padding: 0;\n          list-style: none;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: center;\n          gap: 12px;\n\n          li {\n            a {\n              color: ",";\n              font-size: 14px;\n              display: inline-flex;\n              line-height: 1;\n              padding: 12px 24px;\n              border-radius: 5px;\n              border: 1px solid #ccd3e8;\n\n              &:hover {\n                border-color: ",";\n              }\n            }\n\n            &.active {\n              a {\n                pointer-events: none;\n                cursor: default;\n                color: ",";\n                background-color: ",";\n                border-color: ",";\n                font-weight: bold;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"])),(0,f.G)("sm"),h.Fpd,h.ONy,h.Tah,h.Lgp,h.wLJ,h.Fpd,h.Ql9,h.Ql9,h.Tah,h.Ql9,h.Ql9,(0,f.mq)("md"),h.Fpd,h.wLJ,h.ONy,h.wLJ,h.wLJ),b=t(18153);let m=function(n){var e=n.categories,t=n.currentId,r=(0,a.useState)(!1),o=r[0],i=r[1];return null!=e&&e.length?(0,b.Y)("div",{css:v,children:(0,b.FD)("div",{children:[(0,b.FD)("button",{onClick:function(){return i(!o)},children:[(0,b.Y)("span",{children:"Categories"}),o?(0,b.Y)(u.h,{}):(0,b.Y)(p.h,{})]}),(0,b.Y)("span",{className:o?"active":""}),(0,b.Y)("nav",{className:o?"active":"",children:(0,b.FD)("ul",{children:[(0,b.Y)("li",{className:"all"===t?"active":"",children:(0,b.Y)(s(),{href:"/blog/page/1",children:"All"})},0),e.map(function(n){return"uncategorized"!==n.slug?(0,b.Y)("li",{className:t===n.id?"active":"",children:(0,b.Y)(s(),{href:"/blog/categories/".concat(null==n?void 0:n.slug),children:n.name})},n.id):null})]})})]})}):(0,b.Y)(b.FK,{})};var y=t(71265),w=(0,g.AH)(o||(o=(0,d.A)(["\n  display: grid;\n  row-gap: 24px;\n\n  "," {\n    row-gap: 32px;\n  }\n\n  "," {\n    row-gap: 40px;\n  }\n"])),(0,f.mq)("md"),(0,f.mq)("lg"));function O(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,r)}return t}function x(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};

1e%2?O(Object(t),!0).forEach(function(e){(0,i.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let j=function(n){var e=n.categories,t=void 0===e?[]:e,r=n.currentId,o=n.styles,i=n.sectionProps;return(0,b.Y)("section",x(x({},void 0===i?{}:i),{},{children:(0,b.Y)(c.mc,{children:(0,b.FD)("div",{css:[w,void 0===o?[]:o,"",""],children:[(null==t?void 0:t.length)&&(0,b.Y)(m,{categories:t,currentId:r})||(0,b.Y)(b.FK,{}),(0,b.Y)(y.A,{})]})})}))}},93119:(n,e,t)=>{"use strict";t.d(e,{K:()=>s,n:()=>l});var r,o,i=t(32228),c=t(38993),a=t(75317),l=(0,c.AH)(r||(r=(0,i.A)(["\n  display: grid;\n  row-gap: 40px;\n  margin: 40px 0 80px;\n\n  "," {\n    row-gap: 50px;\n    margin: 44px 0 90px;\n  }\n\n  "," {\n    row-gap: 60px;\n    margin: 48px 0 100px;\n  }\n\n  "," {\n    row-gap: 70px;\n    margin: 52px 0 110px;\n  }\n\n  "," {\n    row-gap: 80px;\n    margin: 56px 0 120px;\n  }\n"])),(0,a.mq)("sm"),(0,a.mq)("md"),(0,a.mq)("lg"),(0,a.mq)("xl")),s=(0,c.AH)(o||(o=(0,i.A)(["\n  "," {\n    margin-bottom: -6px;\n  }\n\n  "," {\n    margin-bottom: -12px;\n  }\n\n  "," {\n    margin-bottom: -18px;\n  }\n\n  "," {\n    margin-bottom: -24px;\n  }\n"])),(0,a.mq)("sm"),(0,a.mq)("md"),(0,a.mq)("lg"),(0,a.mq)("xl"))}},n=>{n.O(0,[7725,6764,7011,2867,1238,1219,5473,8830,2838,636,6593,8792],()=>n(n.s=3409)),_N_E=n.O()}]);