https://lowtech.ai/_next/static/chunks/pages/blog/[blogSlug]-8fc27985bfaebfd9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3504],{6204:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[blogSlug]",function(){return n(31610)}])},31610:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return $},default:function(){return H}});var r=n(85893),l=n(37178),o=n(27829),i=n(11163),s=n(22963),a=n(30381),u=n.n(a),c=n(25675),d=n.n(c),h=n(41664),x=n.n(h),p=n(23100),g=n(204),m=n(89594),f=n(14418),b=n(16393),j=n(84416),_=n(22412),y=n(67294),v=n(28330),w=n.n(v),k=n(6154),A=n(54217),S=n(93344),C=n(33838),I=n(88911);let N={types:{image:e=>{var t;let{value:n}=e;return(null==n?void 0:null===(t=n.asset)||void 0===t?void 0:t._ref)?(0,r.jsx)(g.k,{justify:"center",w:"full",my:10,children:(0,r.jsx)(j.E,{alt:n.alt||" ",loading:"lazy",maxH:400,src:(0,s.dm)(n).fit("scale").auto("format").url(),rounded:"sm"})}):null},slug:e=>{let{value:t}=e,[n,l]=(0,y.useState)(null),[o,i]=(0,y.useState)(!1);(0,y.useEffect)(()=>{if(!(null==t?void 0:t.current)||n)return;let e=async()=>{i(!0);try{let{data:e}=await k.Z.get("/api/frames/".concat(t.current.split("/")[2]));l(e.frame),i(!1)}catch(e){i(!1)}};e()},[t,n]);let s=null==t?void 0:t.current;return s&&(o||n)?(0,r.jsxs)(p.xu,{w:"full",border:"1px",rounded:"md",borderColor:"gray.400",p:4,mt:4,children:[o&&(0,r.jsx)(S.O,{height:"32px",w:"full"}),!o&&(0,r.jsxs)(C.r,{href:s,color:"teal.500",isExternal:!0,children:["Try out this prompt now: ",null==n?void 0:n.title]})]}):null}},block:{normal:e=>{let{children:t}=e;return(0,r.jsx)(I.x,{mt:4,className:w().className,children:t})},h1:e=>(0,r.jsx)(f.X,{as:"h2",mt:6,fontFamily:"sans-serif",fontSize:"3xl",children:e.children}),h2:e=>(0,r.jsx)(f.X,{as:"h2",mt:6,fontFamily:"sans-serif",fontSize:"3xl",children:e.children}),h3:e=>(0,r.jsx)(f.X,{as:"h3",mt:6,fontFamily:"sans-serif",fontSize:"2xl",fontWeight:"semibold",children:e.children}),h4:e=>(0,r.jsx)(f.X,{as:"h4",mt:4,fontFamily:"sans-serif",fontSize:"xl",fontWeight:"semibold",children:e.children}),blockquote:e=>(0,r.jsx)(p.xu,{as:"blockquote",pl:4,mt:4,borderLeft:"2px",borderColor:"teal.500",fontStyle:"italic",className:w().className,children:e.children})},marks:{link:e=>(0,r.jsx)(C.r,{href:e.value.href,target:"_blank",rel:"noopener noreferrer",textDecor:"underline",children:e.children})},list:{bullet:e=>{let{children:t}=e;return(0,r.jsx)(p.xu,{mt:4,ml:6,className:w().className,children:(0,r.jsx)("ul",{children:t})})},number:e=>{let{children:t}=e;return(0,r.jsx)(p.xu,{mt:4,ml:6,className:w().className,children:(0,r.jsx)("ol",{children:t})})},checkmarks:e=>{let{children:t}=e;return(0,r.jsx)(p.xu,{mt:4,ml:6,className:w().className,children:(0,r.jsx)("ol",{children:t})})}}},z=e=>{let{body:t}=e;return(0,r.jsx)(p.xu,{mt:6,fontSize:"lg",children:(0,r.jsx)(A.YI,{value:t,components:N})})};var Z=n(39343),E=n(29222),T=(0,n(35059).G)((e,t)=>{let{icon:n,children:l,isRound:o,"aria-label":i,...s}=e,a=n||l,u=(0,y.isValidElement)(a)?(0,y.cloneElement)(a,{"aria-hidden":!0,focusable:!1}):null;return(0,r.jsx)(E.z,{padding:"0",borderRadius:o?"full":void 0,ref:t,"aria-label":i,...s,children:u})});T.displayName="IconButton";var B=n(56877),L=n(27459),P=n(89583),U=n(60155),D=n(68056);let F=(e,t)=>"https://twitter.com/intent/tweet?text=".concat(encodeURI('Check out "'.concat(e,'" on @LowTechAI:\n\nhttps://lowtech.ai/blog/').concat(t))),W=e=>{let{title:t,slug:n,views:l=0}=e,o=(0,D.p)(),i=e=>{e.stopPropagation(),e.preventDefault(),navigator.clipboard.writeText("https://lowtech.ai/blog/".concat(n.current)),o.success("Copied link to post!")};return(0,r.jsxs)(g.k,{gap:1,children:[(0,r.jsx)(Z.u,{label:"Copy Link",hasArrow:!0,placement:"top",children:(0,r.jsx)(T,{h:"30px",minW:"30px",size:"lg",bg:"transparent",textColor:"gray.400",_hover:{bg:"transparent",textColor:"black"},"aria-label":"Copy Link",onClick:i,icon:(0,r.jsx)(U.AFE,{})})}),(0,r.jsx)(Z.u,{label:"Share on Twitter",hasArrow:!0,placement:"top",children:(0,r.jsx)(T,{h:"30px",minW:"30px",as:"a",size:"lg",bg:"transparent",textColor:"gray.400",_hover:{bg:"transparent",textColor:"black"},href:F(t,n.current),target:"_blank",rel:"noreferrer","aria-label":"Twitter",icon:(0,r.jsx)(U.JUd,{})})}),!!l&&l>9&&(0,r.jsx)(Z.u,{label:"Article page views",placement:"right",children:(0,r.jsxs)(g.k,{fontWeight:"normal",textColor:"gray.400",align:"center",gap:1,ml:"5px",children:[(0,r.jsx)(B.J,{as:P.dSq,textColor:"gray.400",fontSize:"lg"}),(0,r.jsx)(p.xu,{as:"span",fontSize:"sm",children:(0,L.ZP)((l||0)+1)})]})})]})};var X=n(84053);let O=e=>{let{post:t}=e,n=(0,X.useUser)(),{title:l="A Blog Post",name:o="A Mystery AI",categories:i=[],authorImage:a,authorSlug:c,body:h=[],publishedAt:y,mainImage:v,slug:w}=t;

1return(0,r.jsxs)(p.xu,{overflow:"hidden",w:"full",children:[(0,r.jsx)(g.k,{justify:"center",w:"full",children:(0,r.jsxs)(p.xu,{pb:4,maxW:["full","full","750px"],children:[(0,r.jsx)(g.k,{justify:"center",px:6,w:"full",fontSize:"sm",mt:4,children:(0,r.jsx)(x(),{href:_.Z6.BLOG,children:(0,r.jsx)(p.xu,{as:"span",transition:"all 0.2s ease-in-out",textColor:"gray.400",_hover:{textColor:"black"},children:"← Back to Blog"})})}),(0,r.jsxs)(p.xu,{as:"article",mt:[4,4,4],children:[(0,r.jsxs)(g.k,{mt:8,justify:"space-between",children:[(0,r.jsx)(g.k,{gap:2,flexWrap:"wrap",children:null==i?void 0:i.map(e=>{var t,n;return(0,r.jsx)(x(),{href:"/blog/category/".concat(null==e?void 0:null===(t=e.slug)||void 0===t?void 0:t.current),children:(0,r.jsx)(m.Vp,{size:["sm","sm","md"],colorScheme:"teal",variant:"outline",bg:"white",children:e.title})},null==e?void 0:null===(n=e.slug)||void 0===n?void 0:n.current)})}),(0,r.jsx)(W,{slug:w,title:l,views:t.views})]}),(0,r.jsx)(f.X,{as:"h1",pb:2,mt:0,fontSize:["3xl","3xl","5xl"],children:l}),(0,r.jsx)(g.k,{gap:4,align:"center",mb:4,children:(0,r.jsxs)(g.k,{flexGrow:1,align:"center",shrink:0,gap:2,children:[a&&(0,r.jsx)(x(),{href:"/blog/author/".concat(c),passHref:!0,children:(0,r.jsx)(b.o,{rounded:"full",overflow:"hidden",w:"20px",h:"20px",children:(0,r.jsx)(d(),{src:(0,s.dm)(a).url(),width:20,height:20,alt:"Author"})})}),(0,r.jsx)(p.xu,{children:(0,r.jsxs)(f.X,{as:"h2",fontSize:"sm",fontWeight:"normal",textColor:"gray.600",children:[(0,r.jsx)(p.xu,{as:"span",_hover:{textDecor:"underline"},children:(0,r.jsxs)(x(),{href:"/blog/author/".concat(c),passHref:!0,children:["by ",o]})})," ",(0,r.jsxs)(p.xu,{as:"span",children:["on ",u()(y).format("MMM Do, YYYY")]})]})})]})}),(0,r.jsx)(b.o,{ratio:16/9,maxH:"425px",rounded:"md",overflow:"hidden",borderWidth:"1px",borderColor:"gray.100",children:(0,r.jsx)(j.E,{src:(0,s.dm)(v).fit("scale").auto("format").url(),alt:l,objectFit:"cover"})}),(0,r.jsx)(p.xu,{pt:4,bg:"white",px:[0,0,2],mx:[0,0,-2],pb:2,children:(0,r.jsx)(z,{body:h})})]})]})}),!n&&(0,r.jsx)(g.k,{justify:"center",px:6,w:"full",mt:12,textColor:"gray.400",_hover:{textColor:"black"},children:(0,r.jsx)(x(),{href:_.Z6.SIGN_UP,children:"← Enjoy this Article? Sign up today!"})}),(0,r.jsx)(g.k,{justify:"center",px:6,w:"full",mt:12,children:(0,r.jsx)(p.xu,{as:"span",transition:"all 0.2s ease-in-out",textColor:"gray.400",_hover:{textColor:"black"},children:(0,r.jsx)(x(),{href:_.Z6.BLOG,children:"← Learn more from the Low Tech AI Blog"})})})]})},G=e=>{let{slug:t}=e;return(0,y.useEffect)(()=>{if(t)try{k.Z.post("/api/incr",{slug:t})}catch(e){console.error("Error Logging Blog Page View",e)}},[t]),null},Y=e=>{var t;let{post:n}=e,{isFallback:a}=(0,i.useRouter)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Z,{title:"".concat((null==n?void 0:n.title)||"Blog Post"," - LowTech AI"),description:(null==n?void 0:n.shortDescription)||"

1Use AI with zero background.",imageUrl:(null==n?void 0:n.mainImage)?(0,s.dm)(n.mainImage).url():void 0}),(0,r.jsx)(G,{slug:(null==n?void 0:null===(t=n.slug)||void 0===t?void 0:t.current)||null}),(0,r.jsx)(o.Z,{isLoading:a,sideBarOpen:!1,children:(0,r.jsx)(O,{post:n})})]})};var $=!0,H=Y},22963:function(e,t,n){"use strict";n.d(t,{hy:function(){return _},g9:function(){return f},dm:function(){return b}});var r=n(82729),l=n(6803),o=n.n(l),i=n(37288),s=(0,n(47613).eI)({projectId:"27n1nnfh",dataset:"production",apiVersion:"2021-08-31",useCdn:!0});function a(){let e=(0,r._)(['*[_type == "post" && publishedAt < now() && !(_id in path("drafts.**"))]{\n  title,\n  "name": author->name,\n  "categories": categories[]->{ title, slug, description },\n  "authorImage": author->image,\n  "authorTitle": author->title,\n  publishedAt,\n  "body": body[0..4],\n  mainImage,\n  slug,\n  shortDescription\n} | order(publishedAt desc) [',"...","]"]);return a=function(){return e},e}function u(){let e=(0,r._)(['*[_type == "post" && publishedAt < now() && !(_id in path("drafts.**"))]{\n  title,\n  publishedAt,\n  "body": body[0..4],\n  slug,\n} | order(publishedAt desc) [0...15]']);return u=function(){return e},e}function c(){let e=(0,r._)(['*[_type == "author" && slug.current == $slug][0]{\n  name,\n  title,\n  bio,\n  image,\n  slug,\n  "numPosts": count(*[_type == "post" && references(^._id)]),\n  lowtechAIUrl,\n  linkedInUrl,\n  twitterUrl,\n  githubUrl,\n  websiteUrl,\n  _id\n}']);return c=function(){return e},e}function d(){let e=(0,r._)(['*[_type == "author"]{\n  name,\n  title,\n  bio,\n  image,\n  slug,\n  _id\n} | order(name asc)']);return d=function(){return e},e}function h(){let e=(0,r._)(['*[_type == "post" && publishedAt < now() && author->slug.current == $slug && !(_id in path("drafts.**"))]{\n  title,\n  "name": author->name,\n  "categories": categories[]->{ title, slug, description },\n  "authorImage": author->image,\n  "authorTitle": author->title,\n  publishedAt,\n  "body": body[0..4],\n  mainImage,\n  slug,\n  shortDescription\n} | order(publishedAt desc)']);return h=function(){return e},e}function x(){let e=(0,r._)(['*[_type == "category" && slug.current == $slug][0]{\n  title,\n  description,\n}']);return x=function(){return e},e}function p(){let e=(0,r._)(['*[_type == "post" && publishedAt < now() && !(_id in path("drafts.**")) && count((categories[]->slug.current)[@ in [$slug]]) > 0]{\n  title,\n  "name": author->name,\n  "categories": categories[]->{ title, slug, description },\n  "authorImage": author->image,\n  "authorTitle": author->title,\n  publishedAt,\n  "body": body[0..4],\n  mainImage,\n  slug,\n  shortDescription\n} | order(publishedAt desc)']);return p=function(){return e},e}function g(){let e=(0,r._)(['*[_type == "post" && slug.current == $slug][0]{\n  title,\n  "name": author->name,\n  "authorImage": author->image,\n  "authorTitle": author->title,\n  "authorSlug": author->slug.current,\n  "categories": categories[]->{ title, slug, description },\n  body,\n  publishedAt,\n  mainImage,\n  slug,\n  shortDescription\n}']);return g=function(){return e},e}let m=(e,t)=>

1(0,i.Z)(a(),e,e+t),f=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20;return s.fetch(m(e,t))};(0,i.Z)(u()),(0,i.Z)(c()),(0,i.Z)(d()),(0,i.Z)(h()),(0,i.Z)(x()),(0,i.Z)(p()),(0,i.Z)(g());let b=e=>o()(s).image(e),j={nonTextBehavior:"remove"},_=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign({},j,t);return e.map(e=>"block"===e._type&&e.children?e.children.map(e=>e.text).join(""):"remove"===n.nonTextBehavior?"":"[".concat(e._type," block]")).join("\n\n")}},28330:function(e){e.exports={style:{fontFamily:"'__Source_Serif_Pro_acd5b9', '__Source_Serif_Pro_Fallback_acd5b9'",fontStyle:"normal"},className:"__className_acd5b9"}}},function(e){e.O(0,[2013,5445,8925,9160,3874,9801,2185,95,4885,227,898,4217,488,9774,2888,179],function(){return e(e.s=6204)}),_N_E=e.O()}]);