https://www.shuttle.dev/_next/static/chunks/pages/blog/%5Byear%5D/…/%5Bday%5D/%5Bslug%5D-f41aeed4686b19f0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[311],{4777:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[year]/[month]/[day]/[slug]",function(){return a(6649)}])},7937:function(e,t,a){"use strict";a.d(t,{S:function(){return n}});var r=a(5893),l=a(6010),o=a(2521);let n=e=>{var t,a;let{children:n,...s}=e,i=1,c=(function e(t){return[t].flat().flatMap(t=>"string"!=typeof t&&t?e(t.props.children):t)})(n.props.children).join("");return(0,r.jsxs)("div",{className:(0,l.Z)("relative shuttle-scrollbar"),children:[(0,r.jsx)(o.qi,{code:c,className:"absolute right-2 top-2 inline-flex items-center"}),(0,r.jsx)("pre",{...s,className:(0,l.Z)("shuttle-scrollbar !border !border-black/10 !bg-white !pr-16 !text-sm dark:!border-white/10 dark:!bg-black dark:text-body [&>*]:!bg-white dark:[&>*]:!bg-black",null!==(t=s.className)&&void 0!==t?t:"language-"),children:{...n,props:{...n.props,className:null!==(a=n.props.className)&&void 0!==a?a:"language-",children:[...[n.props.children].flat().flatMap(e=>{if("string"==typeof e){let[t,...a]=e.split("\n");return[t,...a.flatMap(e=>(i++,["\n",e]))]}return function e(t){if(!t||"string"==typeof t||!t.props)return t;let a=t.props.className;"language-toml"===s.className&&"string"==typeof a&&a.includes("token")&&a.includes("table")&&a.includes("class-name")&&(a=a.split(/\s+/).filter(e=>"table"!==e).join(" "));let r=[t.props.children].flat().map(t=>e(t));return{...t,props:{...t.props,className:a,children:r}}}(e)})]}}})]})}},9183:function(e,t,a){"use strict";var r=a(5893),l=a(6010),o=a(2969),n=a(3439),s=a.n(n);t.Z=e=>{let{variant:t="none",invertOnDark:a,className:n,children:i,href:c,onClick:d}=e,h=(0,l.Z)("flex relative items-center gap-2 whitespace-nowrap px-6 py-3 ".concat(s().button," "),"primary"===t?a?"bg-black text-head dark:bg-[#D8D8D8] dar

1k:text-black dark:hover:bg-gradient-to-r dark:hover:from-[#fc540c] dark:hover:to-[#f5c57a] dark:hover:text-white":"bg-[#E9E9E9] text-black hover:bg-gradient-to-r hover:from-[#fc540c] hover:to-[#f5c57a] hover:text-white":"","secondary"===t?"".concat(s().secondaryButton," ").concat(s().secondaryButtonShadow," ").concat(s().secondaryButtonBorderGradient," text-head"):"","tertiary"===t&&"${styles.buttonShadow} ${styles.shadowGradient} text-black","blackwhite"===t&&"border-[1px] border-solid border-[#ffffff40] px-6 py-3 font-gradual text-base text-white hover:bg-gradient-1",n);return i=(0,r.jsx)("button",{className:h,onClick:d,style:"tertiary"===t?{backgroundImage:"linear-gradient(73deg, #FC540C -7.95%, rgba(255, 215, 111, 0.72) 45.94%, #38D4E9 116.73%"}:{},children:i}),c&&(i=c.startsWith("/")?(0,r.jsx)(o.Z,{href:c,children:i}):(0,r.jsx)("a",{href:c,target:"_blank",rel:"noreferrer",children:i})),i}},6649:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return er},default:function(){return el}});var r=a(5893),l=a(2962),o=a(5675),n=a.n(o),s=a(1163),i=a(4349),c=a(931),d=a(1332),h=a(7294);let x=e=>{let{level:t,children:a,id:l,...o}=e,n=l||String(a).toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]/g,"");return(0,r.jsx)(t,{id:n,className:"group",...o,children:(0,r.jsxs)("a",{href:"#".concat(n),className:"no-underline hover:no-underline flex items-center gap-2 font-bold",children:[(0,r.jsx)("span",{children:a}),(0,r.jsx)("span",{className:"opacity-0 group-hover:opacity-100 transition-opacity text-[#FC540C] flex items-center",children:"#"})]})})};var g=a(2969),u=a(6010),m=a(8745),b=a(1740),p=a(9512),f=a(7937),y=e=>(0,r.jsx)("svg",{width:24,height:24,viewBox:"0 0 74 79",fill:"#D8D8D8",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{d:"M73.7014 17.9592C72.5616 9.62034 65.1774 3.04876 56.424 1.77536C54.9472 1.56019 49.3517 0.7771 36.3901 0.7771H36.2933C23.3281 0.7771 20.5465 1.56019 19.0697 1.77536C10.56 3.01348 2.78877 8.91838 0.903306 17.356C-0.00357857 21.5113 -0.100361 26.1181 0.068112 30.3439C0.308275 36.404 0.354874 42.4535 0.91406 48.489C1.30064 52.498 1.97502 56.4751 2.93215 60.3905C4.72441 67.6217 11.9795 73.6395 19.0876 76.0945C26.6979 78.6548 34.8821 79.0799 42.724 77.3221C43.5866 77.1245 44.4398 76.8953 45.2833 76.6342C47.1867 76.0381 49.4199 75.3714 51.0616 74.2003C51.0841 74.1839 51.1026 74.1627 51.1156 74.1382C51.1286 74.1138 51.1359 74.0868 51.1368 74.0592V68.2108C51.1364 68.185 51.1302 68.1596 51.1185 68.1365C51.1069 68.1134 51.0902 68.0932 51.0695 68.0773C51.0489 68.0614 51.0249 68.0503 50.9994 68.0447C50.9738 68.0391 50.9473 68.0392 50.9218 68.045C45.8976 69.226 40.7491 69.818 35.5836 69.8087C26.694 69.8087 24.3031 65.6569 23.6184 63.9285C23.0681 62.4347 22.7186 60.8764 22.5789 59.2934C22.5775 59.2669 22.5825 59.2403 22.5934 59.216C22.6043 59.1916 22.621 59.1702 22.6419 59.1533C22.6629 59.1365 22.6876 59.1248 22.714 59.1191C22.7404 59.1134 22.7678 59.1139 22.794 59.1206C27.7345 60.2936 32.799 60.8856 37.8813 60.8843C39.1036 60.8843 40.3223 60.8843 41.5447 60.8526C46.6562 60.7115 52.0437 60.454 57.0728 59.4874C57.1983 59.4628 57.3237 59.4416 57.4313 59.4098C65.3638 57.9107 72.9128 53.2051 73.6799 41.2895C73.7086 40.8204 73.7803 36.3758 73.7803 35.889C73.7839 34.2347 74.3216 24.1533 73.7014 17.9592ZM61.4925 47.6918H53.1514V27.5855C53.1514 23.3526 51.3591 21.1938 47.7136 21.1938C43.7061 21.1938 41.6988 23.7476 41.6988 28.7919V39.7974H33.4078V28.7919C33.4078 23.7476 31.3969 21.1938 27.3894 21.1938C23.7654 21.1938 21.9552 23.3526 21.9516 27.5855V47.6918H13.6176V26.9752C13.6176 22.7423 14.7157 19.3795 16.9118 16.8868C19.1772 14.4 22.1488 13.1231 25.8373 13.1231C30.1064 13.1231 33.3325 14.7386 35.4832 17.9662L37.5587 21.3949L39.6377 17.9662C41.7884 14.7386 45.0145 13.1231 49.2765 13.1231C52.9614 13.1231 55.9329 14.4 58.2055 16.8868C60.4017 19.3772 61.4997 22.74 61.4997 26.9752L61.4925 47.6918Z",fill:"inherit"})}),w=e=>(0,r.jsx)("svg",{width:24,height:24,viewBox:"0 0 524 524",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{d:"M32,32V480H480V32ZM281.67,282.83v84H235v-84l-77-140H213l46.32,97.54,44.33-97.54h52.73Z",fill:"#D8D8D8"})}),k=a(221),v=a(9183),j=a(3262),_=a.n(j);let C=()=>(0,r.jsxs)("div",{className:"w-full mx-auto px-10 py-3 rounded-3xl grid grid-cols-1 lg:grid-cols-[2fr_1fr] gap-6 justify-center items-center mt-16 mb-8 ".concat(_()["bg-wide"]),children:[(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("h2",{className:"text-white text-3xl lg:text-[40px] font-bold font-gradual leading-tight",children:"Experience the New Shuttle Console"}),(0,r.jsx)("p",{className:"text-gray-300 text-xl -mt-8",children:"Deploy with confidence using our redesigned interface."})]}),(0,r.jsx)("div",{className:"flex justify-center items-center",children:(0,r.jsx)(v.Z,{className:"w-full sm:w-[180px] lg:w-full h-[56px] justify-center",variant:"primary",invertOnDark:!0,href:"https://console.shuttle.dev",onClick:()=>{(0,k.L)("blog_new_console_cta_get_started")},children:"Get Started"})})]}),N=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),M=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,a)=>a?a.toUpperCase():t.toLowerCase()),T=e=>{let t=M(e);return t.charAt(0).toUpperCase()+t.slice(1)},S=function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((e,t,a)=>!!e&&""!==e.trim()&&a.indexOf(e)===t).join(" ").trim()},D=e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0};var A={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let B=(0,h.forwardRef)((e,t)=>{let{color:a="currentColor",size:r=24,strokeWidth:l=2,absoluteStrokeWidth:o,className:n="",children:s,iconNode:i,...c}=e;return(0,h.createElement)("svg",{ref:t,...A,width:r,height:r,stroke:a,strokeWidth:o?24*Number(l)/Number(r):l,className:S("lucide",n),...!s&&!D(c)&&{"aria-hidden":"true"},...c},[...i.map(e=>

1{let[t,a]=e;return(0,h.createElement)(t,a)}),...Array.isArray(s)?s:[s]])}),I=(e,t)=>{let a=(0,h.forwardRef)((a,r)=>{let{className:l,...o}=a;return(0,h.createElement)(B,{ref:r,iconNode:t,className:S("lucide-".concat(N(T(e))),"lucide-".concat(e),l),...o})});return a.displayName=T(e),a},E=I("rocket",[["path",{d:"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",key:"m3kijz"}],["path",{d:"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",key:"1fmvmk"}],["path",{d:"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",key:"1f8sc4"}],["path",{d:"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5",key:"qeys4"}]]),z=I("target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]),Z=I("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),F=I("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]]),L=I("database",[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]]),O=I("server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]),R=I("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]),U=I("shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]),q=I("cloud-lightning",[["path",{d:"M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973",key:"1cez44"}],["path",{d:"m13 12-3 5h4l-3 5",key:"1t22er"}]]),H=I("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]);var P=a(8967),V=a.n(P);let G=[E,z,Z,F,L,O,R,U,q,H],X=e=>G[e%G.length];function Q(e){let{takeaways:t,title:a="Main Takeaways"}=e;return(0,r.jsxs)("div",{className:"relative overflow-hidden rounded-2xl bg-gradient-to-br from-orange-500/10 via-orange-400/5 to-cyan-400/10 border border-orange-500/20 p-8 mb-8 ".concat(V().blogTakeaways),children:[(0,r.jsxs)("div",{className:"absolute inset-0 opacity-30",children:[(0,r.jsx)("div",{className:"absolute top-4 right-8 w-2 h-2 bg-orange-400 rounded-full animate-pulse"}),(0,r.jsx)("div",{className:"absolute top-12 right-16 w-1 h-1 bg-cyan-400 rounded-full animate-pulse delay-300"}),(0,r.jsx)("div",{className:"absolute bottom-8 left-12 w-1.5 h-1.5 bg-orange-300 rounded-full animate-pulse delay-700"}),(0,r.jsx)("div",{className:"absolute bottom-16 right-24 w-1 h-1 bg-cyan-300 rounded-full animate-pulse delay-1000"})]}),(0,r.jsx)("div",{className:"absolute top-6 right-6 opacity-20",children:(0,r.jsx)(E,{className:"w-8 h-8 text-orange-400]"})}),(0,r.jsxs)("div",{className:"relative z-10",children:[(0,r.jsxs)("div",{className:"".concat(V().headerContainer),children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-10 h-10 ".concat(V().headerIcon),children:(0,r.jsx)("div",{className:"".concat(V().headerIconInner),children:(0,r.jsx)(z,{className:"w-5 h-5 text-white"})})}),(0,r.jsx)("h3",{className:"text-xl font-semibold font-mono ".concat(V().title),children:a})]}),(0,r.jsx)("div",{children:t.map((e,t)=>{let a=X(t);return(0,r.jsxs)("div",{className:"".concat(V().itemContainer),children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-lg ".concat(V().iconContainer),children:(0,r.jsx)(a,{className:"w-4 h-4 ".concat(V().icon)})}),(0,r.jsx)("div",{className:"".concat(V().itemContent),children:(0,r.jsx)("p",{className:"".concat(V().description),children:e})})]},t)})})]}),(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-orange-500/5 to-cyan-400/5 pointer-events-none"})]})}let W=I("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);function J(e){let{src:t,alt:a,width:l=0,height:o=0,className:s="",caption:i}=e,[c,d]=(0,h.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"relative flex w-full flex-col items-center",children:[(0,r.jsx)(n(),{src:t,alt:a,width:l,height:o,sizes:"100vw",className:"h-auto w-auto cursor-pointer overflow-hidden rounded-md object-contain transition-opacity duration-200 hover:opacity-90 ".concat(s),onClick:()=>{console.log("Image clicked, expanding..."),d(!0)},title:"Click to expand image"}),i&&(0,r.jsx)("span",{className:"-mt-6 text-sm text-body",children:i})]}),c&&(0,r.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm",onClick:e=>{e.target===e.currentTarget&&d(!1)},onKeyDown:e=>{"Escape"===e.key&&d(!1)},tabIndex:-1,children:(0,r.jsxs)("div",{className:"relative max-h-[90vh] max-w-[90vw] p-4",children:[(0,r.jsx)("button",{onClick:()=>d(!1),className:"absolute -top-2 -right-2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white/90 text-black shadow-lg transition-colors hover:bg-white dark:bg-gray-800/90 dark:text-white dark:hover:bg-gray-800","aria-label":"Close expanded image",children:(0,r.jsx)(W,{className:"w-4 h-4"})}),(0,r.jsx)(n(),{src:t,alt:a,width:0,height:0,sizes:"90vw",className:"object-contain shadow-2xl w-[100vh] h-full max-h-[80vh]",priority:!0}),i&&(0,r.jsx)("div",{className:"mt-4 text-center text-white",children:(0,r.jsx)("span",{className:"text-sm",children:i})})]})})]})}function Y(e){let{videoId:t,title:a}=e;return(0,r.jsx)("div",{className:"relative w-full pb-[56.25%] h-0 my-8",children:(0,r.jsx)("iframe",{className:"absolute top-0 left-0 w-full h-full rounded-lg border-0",src:"https://www.youtube.com/embed/".concat(t),title:a,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}var $=a(5646),K=a(4467),ee=a(6034);let et=e=>{let{question:t,answer:a,children:l,defaultOpen:o=!0}=e,[n,s]=(0,h.useState)(o);return(0,r.jsxs)("div",{className:"my-6 rounded-xl border border-black/10 bg-gradient-to-br from-[#FC540C]/5 via-transparent to-[#38D4E9]/5 dark:border-white/10",children:[(0,r.jsxs)("button",{onClick:()=>s(!n),className:"flex w-full items-center justify-between p-4 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5","aria-expanded":n,children:[(0,r.jsxs)("span",{className:"pr-4 font-gradual font-semibold text-black dark:text-head",children:["Q: ",t]}),(0,r.jsx)("span",{className:"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border border-[#FC540C]/30 text-sm text-[#FC540C]",children:n?"−":"+"})]}),n&&(0,r.jsxs)("div",{className:"border-t border-black/10 p-4 dark:border-white/10",children:[(0,r.jsx)("span",{className:"font-semibold text-[#FC540C]",children:"A: "}),a?(0,r.jsx)("span",{className:"text-body",children:a}):(0,r.jsx)("div",{className:"mt-2 text-body prose-p:my-2",children:l})]})]})},ea={h2:e=>(0,r.jsx)(x,{level:"h2",...e,children:e.children}),h3:e=>(0,r.jsx)(x,{level:"h3",...e,children:e.children}),h4:e=>(0,r.jsx)(x,{level:"h4",...e,children:e.children}),h5:e=>(0,r.jsx)(x,{level:"h5",...e,children:e.children}),h6:e=>(0,r.jsx)(x,{level:"h6",...e,children:e.children}),table:e=>{let{className:t,children:a,...l}=e;return(0,r.jsx)("div",{className:"my-6 w-full overflow-x-auto xl:overflow-x-visible shuttle-scrollbar",children:(0,r.jsx)("table",{...l,className:(0,u.Z)(t,"min-w-[48rem] xl:min-w-0 border-collapse"),children:a})})},code(e){var t;return(null===(t=e.className)||void 0===t?void 0:t.includes("language-"))?(0,r.jsx)("code",{...e}):(0,r.jsx)("code",{...e,className:"bg-gray-100 text-gray-800 px-1 py-0.5 rounded text-sm font-mono font-normal not-italic dark:bg-gray-800 dark:text-gray-200",style:{backgroundColor:"#f3f4f6",color:"#374151",padding:"0.125rem 0.25rem",borderRadius:"0.25rem",fontSize:"0.875rem",fontFamily:"Fira Mono, monospace"}})},a(e){var t;return(null==e?void 0:null===(t=e.href)||void 0===t?void 0:t.match(/^https?:\/\//))?(0,r.jsx)("a",{...e,target:"_blank",rel:"noopener noreferrer",className:"relative bg-gradient-to-r from-[#FC540C] to-[#FFD76F] bg-clip-text text-transparent"}):(0,r.jsx)(g.Z,{...e,className:"my-0 text-body no-underline",target:"_blank"})},pre:e=>(0,r.jsx)(f.S,{...e}),Tweet:e=>(0,r.jsx)("div",{className:"flex items-center justify-center [&>*]:w-full [&>*]:max-w-sm lg:[&>*]:max-w-xl",children:(0,r.jsx)(p.iD,{...e,options:{width:"100%"}})}),TLDR:e=>(0,r.jsxs)("div",{className:"mb-24 text-left text-lg",children:[(0,r.jsx)("span",{className:"font-bold text-black dark:text-head",children:"TLDR;"}),(0,r.jsx)("span",{className:"prose-p:!my-2 dark:text-body",children:e.children})]}),img:e=>(0,r.jsx)(J,{src:e.src||"",alt:e.alt||"",className:"h-auto w-auto overflow-hidden rounded-md object-contain"}),CaptionedImage:e=>(0,r.jsx)(J,{src:e.src,alt:e.alt,caption:e.caption,className:"h-auto w-auto overflow-hidden rounded-md object-contain"}),blockquote:e=>(0,r.jsx)("blockquote",{className:"border-none bg-[linear-gradient(180deg,_#FC540C_25.63%,_rgba(255,_215,_111,_0.72)_60.67%,_#38D4E9_88.15%)] pl-1 text-left text-lg font-normal not-italic text-body",children:(0,r.jsx)("div",{className:"bg-[#E9E9E9] py-1 pl-8 prose-p:!my-0 dar

1k:bg-black before:content-none after:content-none children:before:content-none children:after:content-none",children:e.children})}),NewConsoleCTA:e=>(0,r.jsx)(C,{...e}),MainTakeaways:e=>(0,r.jsx)(Q,{...e}),TryItYourself:e=>(0,r.jsx)($.IQ,{...e}),GenericCTA:e=>(0,r.jsx)($.IQ,{...e}),SourceCodeCTA:e=>(0,r.jsx)($.Pv,{...e}),DiscordCTA:e=>(0,r.jsx)($.Xj,{...e}),YouTubeEmbed:e=>(0,r.jsx)(Y,{...e}),AddToCursor:e=>(0,r.jsx)(K.B,{...e}),TestimonialCTA:e=>(0,r.jsx)(ee.r,{...e}),QA:e=>(0,r.jsx)(et,{...e}),ShellConCTA:()=>(0,r.jsx)($.xm,{}),DownloadSkillCTA:e=>(0,r.jsx)($.Xu,{...e})};var er=!0;function el(e){var t,a,o,h,x,g,p;let{basePath:f}=(0,s.useRouter)(),v=null!==(a=e.blog.pageTitle)&&void 0!==a?a:e.blog.title,j="".concat(c._O,"blog/").concat(e.blog.slug),_="".concat(c._O).concat(f,"/images/blog/").concat(e.blog.thumb).replace(/\/+/g,"/").replace(":/","://"),C=d.Z.find(t=>t.author_id===e.blog.author)||d.Z.find(t=>t.author===e.blog.author),N=(null==C?void 0:C.author)||e.blog.author||c.iC,M=(null==C?void 0:C.author_url)||e.blog.author_url||c._O;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.PB,{title:"".concat(v," | Shuttle"),description:e.blog.description,canonical:null!==(o=e.blog.canonical)&&void 0!==o?o:"https://www.shuttle.dev/blog/".concat(e.blog.slug),openGraph:{title:"".concat(v," | Shuttle"),description:e.blog.description,url:j,type:"article",article:{publishedTime:e.blog.date,modifiedTime:null!==(h=e.blog.updated_at)&&void 0!==h?h:e.blog.modified,authors:[e.blog.author_url||""],tags:(e.blog.tags||[]).map(e=>e)},images:[{url:_}]}}),(0,r.jsx)(l.dX,{type:"BlogPosting",url:j,title:v,images:[_],datePublished:e.blog.date,dateModified:null!==(x=e.blog.updated_at)&&void 0!==x?x:e.blog.modified,authorName:[{name:N,url:M}],publisherName:c.iC,publisherLogo:"".concat(c._O,"images/logo-2.png"),description:e.blog.description}),(0,r.jsx)("div",{className:"mx-auto max-w-6xl p-4 sm:p-6 lg:p-8",children:(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-6 gap-y-12 lg:grid-cols-4",children:[(0,r.jsx)("div",{className:"lg:col-span-3",children:(0,r.jsx)(m.wg,{post:e.blog})}),(0,r.jsx)("div",{className:"hidden lg:block"}),(0,r.jsxs)("div",{className:"lg:col-span-3",children:[(null!==(g=e.blog.thumb)&&void 0!==g?g:e.blog.cover)&&(0,r.jsxs)("div",{className:"mb-8 grid grid-cols-1 justify-items-center",children:[(0,r.jsx)(n(),{src:"/images/blog/"+(null!==(p=e.blog.cover)&&void 0!==p?p:e.blog.thumb),alt:"Cover image",width:810,height:424,className:"w-full rounded-[2rem] object-contain"}),e.blog.caption&&(0,r.jsx)("span",{className:"mt-2 text-center text-sm text-body",children:e.blog.caption})]}),(0,r.jsx)("div",{className:"mb-8",children:(0,r.jsx)(m.Bk,{bg:!1})}),e.blog.content&&(0,r.jsxs)("article",{className:(0,u.Z)("prose dark:prose-invert","max-w-none overflow-x-hidden","prose-headings:before:block","prose-headings:before:-mt-36","prose-headings:before:pt-36","prose-headings:lg:before:-mt-20","prose-headings:before:lg:pt-20","text-xl text-body prose-h2:text-3xl prose-h3:text-2xl prose-h4:text-xl prose-h5:text-lg prose-h6:text-base","[&_code:not(pre_code)]:before:content-none [&_code:not(pre_code)]:after:content-none","prose-table:w-full prose-td:align-top"),children:[e.blog.takeaways&&e.blog.takeaways.length>0&&(0,r.jsx)(Q,{takeaways:e.blog.takeaways}),(0,r.jsx)(i.R,{...e.blog.content,components:ea})]}),(0,r.jsx)(m.Bk,{className:"mt-10"}),(0,r.jsxs)("div",{className:"mb-20 mt-14 flex items-center space-x-4",children:[(0,r.jsx)("span",{className:"text-head",children:"Share article"}),(0,r.jsx)("a",{href:"https://news.ycombinator.com/submitlink?u=".concat(encodeURIComponent("".concat(c._O,"blog/").concat(e.blog.slug)),"&t=").concat(encodeURIComponent(e.blog.title)),className:"flex items-center rounded-xl border border-black/10 bg-black p-3 dark:border-white/10",target:"_blank",rel:"noreferrer",onClick:()=>{(0,k.L)("blog_article_".concat(e.blog.title,"_hackernews"))},children:(0,r.jsx)(w,{})}),(0,r.jsx)("a",{href:"https://twitter.com/share?text=".concat(encodeURIComponent(e.blog.title),"&url=").concat(c._O,"blog/").concat(e.blog.slug),className:"flex items-center rounded-xl border border-black/10 bg-black p-3 dark:border-white/10",target:"_blank",rel:"noreferrer",onClick:()=>{(0,k.L)("blog_article_".concat(e.blog.title,"_twitter"))},children:(0,r.jsx)(b.up,{})}),(0,r.jsx)("a",{href:"https://www.linkedin.com/shareArticle?url=".concat(c._O,"blog/").concat(e.blog.slug,"&title=").concat(e.blog.title),className:"flex items-center rounded-xl border border-black/10 bg-black p-3 dark:border-white/10",target:"_blank",rel:"noreferrer",onClick:()=>{(0,k.L)("blog_article_".concat(e.blog.title,"_linkedin"))},children:(0,r.jsx)(b.IZ,{})}),(0,r.jsx)("a",{href:"#",onClick:t=>{t.preventDefault(),(0,k.L)("blog_article_".concat(e.blog.title,"_mastodon"));let a=window.prompt("Enter your Mastodon instance (ex. mastodon.social):");a&&(window.location.href="https://".concat(a,"/share?text=").concat(encodeURIComponent("".concat(e.blog.title," ").concat(c._O,"blog/").concat(e.blog.slug))))},className:"flex items-center rounded-xl border border-black/10 bg-black p-3 dark:border-white/10",target:"_blank",rel:"noreferrer",children:(0,r.jsx)(y,{})})]}),(0,r.jsx)(m.O2,{prevPost:e.prevPost,nextPost:e.nextPost})]}),(0,r.jsx)(m.Rx,{toc:null===(t=e.blog.contentTOC)||void 0===t?void 0:t.json})]})}),(0,r.jsx)(m.Jd,{})]})}},8967:function(e){e.exports={blogTakeaways:"MainTakeaways_blogTakeaways__5Q0x9",title:"MainTakeaways_title___m51S",description:"MainTakeaways_de

1scription__jJNT5",iconContainer:"MainTakeaways_iconContainer__bpjCe",icon:"MainTakeaways_icon___qqan",itemContainer:"MainTakeaways_itemContainer__vAkDH",itemContent:"MainTakeaways_itemContent__gCvq3",headerContainer:"MainTakeaways_headerContainer__C0YxA",headerIcon:"MainTakeaways_headerIcon__DDdDS",headerIconInner:"MainTakeaways_headerIconInner__2SRgc"}},3439:function(e){e.exports={button:"CustomButton_button__OFv2Z",secondaryButton:"CustomButton_secondaryButton__Ceru3",secondaryButtonShadow:"CustomButton_secondaryButtonShadow__81uXW",secondaryButtonBorderGradient:"CustomButton_secondaryButtonBorderGradient__iXYa8"}},3262:function(e){e.exports={"gradient-link":"UserStories_gradient-link__Kr_xy","arrow-icon":"UserStories_arrow-icon__m_P4J","user-story-card":"UserStories_user-story-card__MH634","bg-wide":"UserStories_bg-wide__c_qKk","bg-tile-1":"UserStories_bg-tile-1__3J0Xp","bg-tile-2":"UserStories_bg-tile-2__sF8Ha","bg-tile-3":"UserStories_bg-tile-3__Ie5np"}}},function(e){e.O(0,[817,888,774,179],function(){return e(e.s=4777)}),_N_E=e.O()}]);