https://pika.style/_next/static/chunks/pages/blog/[slug]-0a0615886d487dc8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7812],{405:(e,t,a)=>{"use strict";a.d(t,{C:()=>n});var r=a(75038),l=a(17531),s=a.n(l),i=a(56725);let n=()=>(0,r.jsxs)(s(),{children:[(0,r.jsx)("link",{rel:"alternate",type:"application/rss+xml",title:"Pika Blog",href:`${i.W6}/blog/rss.xml`},"feed-rss"),(0,r.jsx)("link",{rel:"alternate",type:"application/atom+xml",title:"Pika Blog (Atom)",href:`${i.W6}/blog/atom.xml`},"feed-atom")]})},9701:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return a(92248)}])},16879:(e,t,a)=>{"use strict";a.d(t,{V:()=>r,W:()=>l});let r=e=>{if(!e)return null;let t=String(e),a=new Date(/^\d{4}-\d{2}-\d{2}$/.test(t)?`${t}T00:00:00Z`:t);return isNaN(a)?null:a.toISOString()},l=e=>new Date(r(e)).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric",timeZone:"UTC"})},20428:(e,t,a)=>{"use strict";a.d(t,{R:()=>o});var r=a(75038),l=a(45609),s=a.n(l),i=a(71623),n=a(16879);let o=({post:e,index:t,headingLevel:a="h2"})=>(0,r.jsx)("article",{className:(0,i.A)("md:px-8 group",(t-1)%3==0?"lg:border-l lg:border-r border-gray-200/60 dark:border-gray-800":""),children:(0,r.jsxs)(s(),{href:`/blog/${e.slug}`,className:"block",children:[e.image?(0,r.jsx)("img",{src:e.image,alt:e.title,width:1200,height:630,loading:"lazy",decoding:"async",className:"mb-4 rounded-lg shadow-[0_0_12px_rgba(0,0,0,0.12)] h-auto w-full"}):null,(0,r.jsxs)("div",{className:"mb-2 flex items-center gap-x-2 text-sm text-gray-700 dark:text-gray-400",children:[e.tags[0]?(0,r.jsx)("span",{className:"tracking-[.5px] uppercase opacity-70",children:e.tags[0]}):null,e.tags[0]?(0,r.jsx)("span",{className:"opacity-50",children:"•"}):null,(0,r.jsx)("time",{dateTime:(0,n.V)(e.date),className:"opacity-70",children:(0,n.W)(e.date)})]}),(0,r.jsx)(a,{className:"font-inter font-medium group-hover:underline decoration-1 underline-offset-4 dark:text-white text-2xl",children:e.title}),(0,r.jsx)("p",{className:"mt-2 opacity-80 line-clamp-3",children:e.description})]})})},37996:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=a(38147);Object.keys(r).forEach(function(e){"default"===e||"__esModule"===e||e in t&&t[e]===r[e]||Object.defineProperty(t,e,{enumerable:!0,get:function(){return r[e]}})})},38147:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMDXComponent=function(e,t){return o(e,t).default},t.getMDXExport=o;var r=n(a(76430)),l=n(a(54569)),s=n(a(75038));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(i=function(e){return e?a:t})(e)}function n(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=i(t);if(a&&a.has(e))return a.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&({}).hasOwnProperty.call(e,s)){var n=l?Object.getOwnPropertyDescriptor(e,s):null;n&&(n.get||n.set)?Object.defineProperty(r,s,n):r[s]=e[s]}return r.default=e,a&&a.set(e,r),r}function o(e,t){let a={React:r,ReactDOM:l,_jsx_runtime:s,...t};return Function(...Object.keys(a),e)(...Object.values(a))}},74103:(e,t,a)=>{e.exports=a(37996)},81292:(e,t,a)=>{"use strict";a.d(t,{U:()=>s,o:()=>i});let r=e=>e?/^https?:\/\//.test(e)?e:`https://pika.style${e}`:"",l=(e,t)=>{let a=new URLSearchParams;for(let[e,r]of Object.entries(t))r&&a.set(e,r);let r=a.toString();return r?`${e}&${r}`:e},s=({title:e,description:t,authorName:a,authorPhoto:s}={})=>l("https://api.orshot.com/v1/studio/dynamic-url/pika-blog-og.png?templateId=20200&sign=1349901470cd2516",{title:e,description:t,author_name:a,author_photo:r(s)}),i=({title:e,imageUrl:t}={})=>l("https://api.orshot.com/v1/studio/dynamic-url/pika-template-og.png?templateId=20201&sign=219bac02ad785c1d",{title:e,image:r(t)})},92248:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>T,default:()=>A});var r=a(75038),l=a(76430),s=a(17531),i=a.n(s),n=a(45609),o=a.n(n),d=a(74103),c=a(1433),m=a(93320),x=a(73753),h=a(44376),p=a(1150),u=a(57351),g=a(73293),f=a(1895),b=a(21958),j=a(69358),y=a(34530),w=a(56725),

1k=a(81292),N=a(16879);a(73789);let v=/^https?:\/\/(www\.)?(pika\.style|orshot\.com)(\/|$)/,_={a:({href:e="",children:t,...a})=>{if(e.startsWith("/")||e.startsWith("#"))return(0,r.jsx)(o(),{href:e,...a,children:t});let l=v.test(e);return(0,r.jsx)("a",{href:e,...l?{}:{target:"_blank",rel:"noopener nofollow"},...a,children:t})},img:({src:e,alt:t="",width:a,height:l,...s})=>(0,r.jsx)("img",{src:e,alt:t,width:a,height:l,loading:"lazy",decoding:"async",className:"my-8 rounded-lg shadow-[0_0_8px_rgba(0,0,0,0.05)] h-auto max-w-full",...s}),table:e=>(0,r.jsx)("div",{className:"blog-table my-8 overflow-x-auto lg:-mr-[100px] xl:-mr-[172px]",children:(0,r.jsx)("table",{...e})}),YouTube:({url:e,id:t,title:a="YouTube video"})=>{let l=t||((e="")=>e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/)([\w-]{11})/)?.[1]||null)(e);return l?(0,r.jsx)("div",{className:"my-8 relative w-full overflow-hidden rounded-lg",style:{aspectRatio:"16 / 9"},children:(0,r.jsx)("iframe",{src:`https://www.youtube-nocookie.com/embed/${l}`,title:a,loading:"lazy",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute inset-0 w-full h-full border-0"})}):null},Callout:({title:e,children:t})=>(0,r.jsxs)("div",{className:"my-6 rounded-lg border border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 px-5 py-4",children:[e?(0,r.jsx)("p",{className:"font-semibold mb-1! mt-0!",children:e}):null,(0,r.jsx)("div",{className:"[&>p]:my-0!",children:t})]}),Cta:({href:e="/templates/screenshot-editor",children:t="Try Pika for free"})=>(0,r.jsx)("p",{className:"my-8!",children:(0,r.jsxs)(o(),{href:e,className:"inline-flex items-center rounded-lg bg-black dark:bg-white px-4 py-2.5 text-sm font-semibold text-white! dark:text-black! no-underline!",children:[t," →"]})})};var $=a(405),P=a(20428),T=!0;let A=({post:e,code:t,headings:a,related:s})=>{let n=(0,l.useMemo)(()=>{let e=(0,d.getMDXComponent)(t);return(0,r.jsx)(e,{components:_})},[t]),v=`/blog/${e.slug}`,T=`${w.W6}${v}`,A=`${T}.md`,O=`${e.title} – Pika`,S=e.image||(0,k.U)({title:e.title,description:e.description.slice(0,120),authorName:`@${e.authorTwitter}`}),W=`https://x.com/${e.authorTwitter}`,C=encodeURIComponent(T),M=encodeURIComponent(e.title);return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(w.bV,{title:O,description:e.description,openGraph:{type:"article",title:O,description:e.description,url:T,article:{publishedTime:(0,N.V)(e.date),modifiedTime:(0,N.V)(e.updatedAt||e.date),authors:[W],tags:e.tags},images:[{url:(0,w.rf)(S),width:1200,height:630,alt:e.title}]},twitter:{cardType:"summary_large_image",handle:`@${e.authorTwitter}`,site:"@AppPika"}}),(0,r.jsx)(i(),{children:(0,r.jsx)("link",{rel:"alternate",type:"text/markdown",title:e.title,href:A},"markdown")}),(0,r.jsx)($.C,{}),(0,r.jsx)(w.Zn,{id:"article",data:{"@type":"BlogPosting","@id":`${T}#article`,headline:e.title,description:e.description,image:[(0,w.rf)(S)],datePublished:(0,N.V)(e.date),dateModified:(0,N.V)(e.updatedAt||e.date),mainEntityOfPage:{"@type":"WebPage","@id":T},url:T,inLanguage:"en",wordCount:e.wordCount,timeRequired:e.readTime?`PT${parseInt(e.readTime,10)||1}M`:void 0,...e.tags.length?{keywords:e.tags.join(", "),articleSection:e.tags[0]}:{},author:{"@type":"Person",name:e.author,url:W},publisher:{"@id":`${w.W6}/#organization`},isPartOf:{"@id":`${w.W6}/blog#blog`}}}),(0,r.jsx)(w.Zn,{id:"breadcrumb",data:(0,w.UE)([{name:"Pika",path:""},{name:"Blog",path:"/blog"},{name:e.title,path:v}])}),(0,r.jsx)(b.A,{}),(0,r.jsxs)("p",{className:"sr-only",children:["A Markdown version of this post, for AI tools and LLMs, is available at ",A]}),(0,r.jsx)(y.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0},children:(0,r.jsxs)(y.mc,{width:"1080px",className:"my-16 relative flex flex-col items-start",children:[(0,r.jsx)("nav",{"aria-label":"Breadcrumb",className:"mb-5",children:(0,r.jsxs)("ol",{className:"flex items-center text-gray-500 dark:text-gray-400 font-inter flex-wrap",children:[(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"/","aria-label":"Pika home",children:(0,r.jsx)(m.A,{weight:"fill",className:"opacity-70"})})}

1),(0,r.jsx)(x.A,{size:10,className:"mx-2","aria-hidden":"true"}),(0,r.jsx)("li",{children:(0,r.jsx)(o(),{className:"text-sm hover:underline",href:"/blog",children:"Blog"})}),(0,r.jsx)(x.A,{size:10,className:"mx-2","aria-hidden":"true"}),(0,r.jsx)("li",{className:"text-sm","aria-current":"page",children:e.title.length>50?`${e.title.slice(0,50)}...`:e.title})]})}),(0,r.jsx)("h1",{className:"font-inter dark:text-white text-3xl md:text-6xl font-bold",children:e.title}),e.description?(0,r.jsx)("p",{className:"text-xl mt-4 max-w-[620px] opacity-80",children:e.description}):null,(0,r.jsx)("hr",{className:"h-px dark:from-gray-700 dark:to-gray-900 w-[40%] max-w-[240px] bg-linear-to-r from-gray-200 border-none to-white mt-10 md:mt-20"})]})}),(0,r.jsx)(y.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0,transition:{delay:.1}},children:(0,r.jsx)(y.mc,{width:"1080px",className:"my-10 md:my-20 relative flex flex-col items-start",children:(0,r.jsxs)("div",{className:"grid md:grid-cols-[200px_1fr] gap-8 max-w-[860px] w-full",children:[(0,r.jsxs)("aside",{className:"order-2 md:order-1 flex flex-wrap md:flex-col md:flex-nowrap gap-8 md:sticky md:top-[100px] md:self-start md:max-h-[calc(100vh-120px)] md:overflow-y-auto md:pb-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"text-base text-gray-700 dark:text-gray-400",children:["By ",e.author]}),(0,r.jsxs)(o(),{href:W,target:"_blank",rel:"noopener",className:"text-sm font-medium text-[#1DA1F2] inline-flex items-center",children:[(0,r.jsx)(h.A,{className:"mr-1"}),e.authorTwitter]})]}),(0,r.jsxs)("div",{className:"text-base text-gray-700 dark:text-gray-400",children:[(0,r.jsx)("time",{dateTime:(0,N.V)(e.date),children:(0,N.W)(e.date)}),e.updatedAt?(0,r.jsxs)("div",{className:"text-sm opacity-70",children:["Updated ",(0,r.jsx)("time",{dateTime:(0,N.V)(e.updatedAt),children:(0,N.W)(e.updatedAt)})]}):null,(0,r.jsx)("div",{className:"text-sm opacity-70",children:e.readTime})]}),e.tags.length?(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm uppercase tracking-[2px] mb-1 font-semibold opacity-40",children:"Tags"}),e.tags.map(e=>(0,r.jsx)("span",{className:"text-base mr-2 text-gray-700 dark:text-gray-400",children:e},e))]}):null,a.length>1?(0,r.jsxs)("nav",{"aria-label":"On this page",className:"hidden md:block",children:[(0,r.jsx)("h2",{className:"text-sm uppercase tracking-[2px] mb-2 font-semibold opacity-40",children:"On this page"}),(0,r.jsx)("ul",{className:"space-y-1.5 text-sm",children:a.map(e=>(0,r.jsx)("li",{className:3===e.level?"pl-3":"",children:(0,r.jsx)("a",{href:`#${e.id}`,className:"text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-white",children:e.text})},e.id))})]}):null,(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm uppercase tracking-[2px] mb-1 font-semibold opacity-40",children:"Share"}),(0,r.jsxs)("div",{className:"flex items-center space-x-3 text-lg mt-2 dark:text-gray-400",children:[(0,r.jsx)(y.m_,{text:"Copy link",children:(0,r.jsx)("button",{type:"button","aria-label":"Copy link",onClick:()=>{navigator.clipboard.writeText(T),c.oR.success("Link copied")},children:(0,r.jsx)(p.A,{})})}),(0,r.jsx)(y.m_,{text:"Share on X",children:(0,r.jsx)("a",{"aria-label":"Share on X",target:"_blank",rel:"noopener",href:`https://x.com/intent/post?text=${M}&url=${C}`,children:(0,r.jsx)(h.A,{})})}),(0,r.jsx)(y.m_,{text:"Share on LinkedIn",children:(0,r.jsx)("a",{"aria-label":"Share on LinkedIn",target:"_blank",rel:"noopener",href:`https://www.linkedin.com/sharing/share-offsite/?url=${C}`,children:(0,r.jsx)(u.A,{})})}),(0,r.jsx)(y.m_,{text:"Share on Facebook",children:(0,r.jsx)("a",{"aria-label":"Share on Facebook",target:"_blank",rel:"noopener",href:`https://www.facebook.com/sharer/sharer.php?u=${C}`,children:(0,r.jsx)(g.A,{})})}),(0,r.jsx)(y.m_,{text:"Share on WhatsApp",children:(0,r.jsx)("a",{"aria-label":"Share on WhatsApp",target:"_blank",rel:"noopener",href:`https://wa.me/?text=${M}%20${C}`,children:(0,r.jsx)(f.A,{})})})]})]})]}),(0,r.jsx)("article",{className:"order-1 md:order-2 w-full min-w-0 markdown-body blog-post",children:n})]})})}),s.length?(0,r.jsxs)(y.mc,{width:"1080px",className:"my-32 relative flex flex-col items-start",children:[(0,r.jsx)("h2",{className:"text-3xl md:text-4xl font-inter font-semibold mb-6 md:mb-10 dark:text-white",children:"More from the blog"}),(0,r.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-y-12 md:-mx-8 w-full",children:s.map((e,t)=>(0,r.jsx)(P.R,{post:e,index:t,headingLevel:"h3"},e.slug))})]}):null,(0,r.jsx)(j.A,{})]})}}},e=>{e.O(0,[4558,8689,407,1958,3771,636,6593,8792],()=>e(e.s=9701)),_N_E=e.O()}]);