https://blog.suno.com/_next/static/chunks/app/blog/page-a63b37ec1b…?dpl=dpl_2cZszDvWuLwpybjDQiY9pyGRRAvp

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3831],{7357:(e,t,r)=>{"use strict";r.d(t,{R:()=>s});let s="mx-auto w-full max-w-[1240px] px-5"},8706:(e,t,r)=>{Promise.resolve().then(r.bind(r,29525)),Promise.resolve().then(r.bind(r,37700)),Promise.resolve().then(r.bind(r,93022)),Promise.resolve().then(r.bind(r,38035)),Promise.resolve().then(r.bind(r,91856)),Promise.resolve().then(r.t.bind(r,16383,23))},22354:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});let s=(0,r(32889).A)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},29525:(e,t,r)=>{"use strict";r.d(t,{default:()=>f});var s=r(78095),l=r(8967),a=r(63336),n=r(22354),o=r(51614),i=r(7357),c=r(86645);function d(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(null==t?void 0:t.asset){let e=(0,c.dk)(t).auto("format");return r.width&&(e=e.width(r.width)),r.height&&(e=e.height(r.height)),r.fit&&(e=e.fit(r.fit)),{src:e.url(),alt:t.alt}}return(null==e?void 0:e.url)?{src:e.url,alt:e.alt}:null}function u(e){let{author:t,authorImage:r,authorImageUpload:l,date:a}=e;return t||a?(0,s.jsxs)("p",{className:"flex items-center gap-2",style:{color:"var(--byline)",fontSize:"12px"},children:[t&&(0,s.jsxs)("span",{children:["By ",t]}),t&&a&&(0,s.jsx)("span",{"aria-hidden":!0,children:"\xb7"}),a&&(0,s.jsx)("span",{children:a})]}):null}var m=r(31498);function h(e){var t,r,l;let{post:a}=e,n="/blog/".concat(a.slug.current),o=null!=(t=d(a.coverImage,a.coverImageUpload,{width:1280,fit:"max"}))?t:d(a.thumbnailImage,void 0,{width:1280,fit:"max"});return(0,s.jsx)("section",{className:"".concat(i.R," pt-32"),children:(0,s.jsxs)("div",{className:"grid gap-8 md:grid-cols-2 md:items-center md:gap-10",children:[(0,s.jsx)(m.A,{href:n,className:"group block",children:(0,s.jsx)("div",{className:"relative w-full overflow-hidden rounded-2xl",style:{backgroundColor:"#1a1a1c",aspectRatio:"16 / 9"},children:o&&(0,s.jsx)("img",{src:o.src,alt:null!=(r=o.alt)?r:a.title,className:"absolute inset-0 h-full w-full object-cover object-center transition-transform duration-700 group-hover:scale-[1.02]"})})}),(0,s.jsxs)("div",{className:"flex flex-col items-start gap-5",children:[(0,s.jsx)(m.A,{href:n,className:"group block",children:(0,s.jsx)("h1",{className:"font-display font-light text-3xl leading-[1.05] tracking-tight transition-opacity group-hover:opacity-80 md:text-4xl lg:text-5xl",style:{color:"var(--text)"},children:a.title})}),a.excerpt&&(0,s.jsx)("p",{style:{color:"var(--text)",fontSize:"18px",lineHeight:"26px"},children:a.excerpt}),(0,s.jsx)(u,{author:a.author,authorImage:a.authorImage,authorImageUpload:a.authorImageUpload,date:(l=a.publishedAt)?new Date(l).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"America/New_York"}):"",size:28})]})]})})}function p(e){var t,r,l;let{post:a,large:n=!1}=e,o="/blog/".concat(a.slug.current),i={width:n?1280:800,height:n?720:450,fit:"crop"},c=null!=(t=d(a.thumbnailImage,void 0,i))?t:d(a.coverImage,a.coverImageUpload,i);return(0,s.jsxs)(m.A,{href:o,className:"group flex flex-col gap-0",children:[c&&(0,s.jsx)("div",{className:"relative w-full overflow-hidden rounded-xl aspect-[16/9]",style:{backgroundColor:"#1a1a1c"},children:(0,s.jsx)("img",{src:c.src,alt:null!=(r=c.alt)?r:a.title,className:"h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"})}),(0,s.jsxs)("div",{className:"flex flex-col",style:{marginTop:"28px",gap:"16px"},children:[(0,s.jsx)("h2",{className:"font-display font-light transition-opacity group-hover:opacity-70",style:{color:"var(--text)",fontSize:"32px",lineHeight:"44px"},children:a.title}),(0,s.jsx)(u,{author:a.author,authorImage:a.authorImage,authorImageUpload:a.authorImageUpload,date:(l=a.publishedAt)?new Date(l).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"America/New_York"}):"",size:22}),a.excerpt&&(0,s.jsx)("p",{style:{color:"var(--text)",fontSize:"18px",lineHeight:"26px"},children:a.excerpt}),a.tags&&a.tags.length>0&&(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",style:{marginTop:"4px"},children:a.tags.map(e=>(0,s.jsx)("span",{className:"font-ui inline-flex items-center rounded-full px-2.5 py-0.5",style:{backgroundColor:"#101012",color:"var(--text)",outline:"1px solid #28282a",fontSize:"10px"},children:e},e))})]})]})}let x=["Announcements","Product Update","Partnerships","Spotlights","Essays"];function f(e){let{posts:t}=e,[r,c]=(0,l.useState)(!1),[d,u]=(0,l.useState)(new Set),[m,f]=(0,l.useState)(""),g=(0,l.useRef)(null);(0,l.useEffect)(()=>

1{if(!r)return;let e=e=>{g.current&&!g.current.contains(e.target)&&c(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r]);let v=t[0],b=(0,l.useMemo)(()=>t.slice(1),[t]),w=(0,l.useMemo)(()=>{let e=m.trim().toLowerCase();return b.filter(t=>{var r,s,l;return(!(d.size>0)||!!(null==(r=t.tags)?void 0:r.some(e=>d.has(e))))&&(!e||!!"".concat(t.title," ").concat(null!=(s=t.excerpt)?s:""," ").concat(null!=(l=t.author)?l:"").toLowerCase().includes(e))&&!0})},[b,d,m]),j=v?[v,...w]:w,y=d.size>0||m.length>0;return(0,s.jsxs)(s.Fragment,{children:[v&&(0,s.jsx)(h,{post:v}),(0,s.jsxs)("main",{className:"".concat(i.R," py-10 lg:py-20"),children:[(0,s.jsxs)("div",{className:"mb-12 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("h2",{className:"text-[11px] font-medium uppercase tracking-[0.12em]",style:{color:"var(--muted)"},children:"Posts"}),(0,s.jsxs)("div",{className:"flex w-full items-center gap-2 sm:w-auto sm:flex-1 sm:justify-end",children:[(0,s.jsxs)("div",{className:"relative flex-1",children:[(0,s.jsx)(a.A,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2",style:{color:"var(--muted)"}}),(0,s.jsx)("input",{value:m,onChange:e=>f(e.target.value),placeholder:"Search Posts","aria-label":"Search blog posts",className:"h-10 w-full rounded-full border pl-10 pr-4 text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-[#fd429c]",style:{borderColor:"#28282a",backgroundColor:"#101012",color:"var(--text)"}})]}),(0,s.jsxs)("div",{className:"relative shrink-0",ref:g,children:[(0,s.jsxs)("button",{onClick:()=>c(e=>!e),"aria-expanded":r,"aria-haspopup":"true","aria-label":"Toggle filters",className:"inline-flex h-10 items-center gap-2 rounded-full border px-4 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#fd429c]",style:{borderColor:d.size>0?"var(--text)":"#28282a",backgroundColor:"#101012",color:d.size>0?"var(--text)":"var(--muted)"},children:[(0,s.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Filter",d.size>0&&(0,s.jsx)("span",{className:"ml-1 rounded-full px-1.5 py-0.5 text-[10px]",style:{backgroundColor:"var(--text)",color:"var(--bg)"},children:d.size})]}),r&&(0,s.jsxs)("div",{className:"absolute right-0 top-12 z-50 w-72 space-y-4 rounded-xl p-5 shadow-xl",style:{backgroundColor:"#111",border:"1px solid rgba(255,255,255,0.08)"},children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"font-ui mb-2 text-[11px]",style:{color:"var(--muted)"},children:"TAGS"}),(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:x.map(e=>{let t=d.has(e);return(0,s.jsx)("button",{onClick:()=>{u(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},className:"font-ui rounded-full transition",style:{backgroundColor:t?"var(--text)":"#101012",color:t?"var(--bg)":"var(--muted)",border:"1px solid ".concat(t?"var(--text)":"#28282a"),fontSize:"10px",padding:"4px 8px"},children:e},e)})})]}),y&&(0,s.jsxs)("button",{onClick:function(){u(new Set),f("")},className:"font-ui inline-flex items-center gap-1 text-[11px]",style:{color:"var(--text)"},children:[(0,s.jsx)(o.A,{className:"h-3 w-3"}),"Clear filters"]})]})]})]})]}),w.length>0&&(0,s.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",style:{rowGap:"7em",columnGap:"2.5em"},children:w.map(e=>(0,s.jsx)(p,{post:e},e._id))}),0===j.length&&(0,s.jsx)("p",{className:"py-40 text-center text-sm",style:{color:"var(--muted)"},children:0===t.length?"No posts yet.":"No posts match the current filters."})]})]})}},31498:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var s=r(78095),l=r(16383),a=r.n(l);function n(e){return(0,s.jsx)(a(),{...e,prefetch:!1})}},32889:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var s=r(8967);let l=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()},a=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var n={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 o=(0,s.createContext)({}),i=(0,s.forwardRef)((e,t)=>{var r,a,i;

1let{color:c,size:d,strokeWidth:u,absoluteStrokeWidth:m,className:h="",children:p,iconNode:x,...f}=e,{size:g=24,strokeWidth:v=2,absoluteStrokeWidth:b=!1,color:w="currentColor",className:j=""}=null!=(r=(0,s.useContext)(o))?r:{},y=(null!=m?m:b)?24*Number(null!=u?u:v)/Number(null!=d?d:g):null!=u?u:v;return(0,s.createElement)("svg",{ref:t,...n,width:null!=(a=null!=d?d:g)?a:n.width,height:null!=(i=null!=d?d:g)?i:n.height,stroke:null!=c?c:w,strokeWidth:y,className:l("lucide",j,h),...!p&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(f)&&{"aria-hidden":"true"},...f},[...x.map(e=>{let[t,r]=e;return(0,s.createElement)(t,r)}),...Array.isArray(p)?p:[p]])}),c=(e,t)=>{let r=(0,s.forwardRef)((r,n)=>{let{className:o,...c}=r;return(0,s.createElement)(i,{ref:n,iconNode:t,className:l("lucide-".concat(a(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),o),...c})});return r.displayName=a(e),r}},37700:(e,t,r)=>{"use strict";r.d(t,{default:()=>u});var s=r(78095),l=r(31498),a=r(8967),n=r(7357);let o="https://blog.suno.com".replace(/\/$/,""),i="flex cursor-pointer items-center gap-1 whitespace-nowrap rounded-full px-3 py-1.5 text-[0.9375rem] leading-6 font-medium text-[#f7f4ef]",c="block whitespace-nowrap px-4 py-2 text-[0.9375rem] leading-6 font-medium text-white/80 transition-colors hover:text-white focus-visible:text-white focus-visible:outline-none";function d(){let[e,t]=(0,a.useState)(!1),r=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(!e)return;let s=e=>{var s;(null==(s=r.current)?void 0:s.contains(e.target))||t(!1)};return document.addEventListener("pointerdown",s),()=>document.removeEventListener("pointerdown",s)},[e]),(0,s.jsxs)("div",{ref:r,className:"relative",onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),onBlur:e=>{var s;(null==(s=r.current)?void 0:s.contains(e.relatedTarget))||t(!1)},onKeyDown:e=>{"Escape"===e.key&&t(!1)},children:[(0,s.jsxs)("button",{type:"button","aria-haspopup":"menu","aria-expanded":e,onClick:()=>t(e=>!e),className:"".concat(i," inline-flex items-center gap-1 focus-visible:text-white focus-visible:outline-none"),children:["Resources",(0,s.jsx)("svg",{className:"h-3 w-3 shrink-0 transition-transform ".concat(e?"rotate-180":""),viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,s.jsx)("path",{d:"m12 12.604 3.9-3.9a.99.99 0 1 1 1.4 1.4l-4.593 4.593a1 1 0 0 1-1.414 0L6.7 10.104a.99.99 0 0 1 1.4-1.4z"})})]}),(0,s.jsx)("div",{className:"absolute left-0 top-full pt-2 transition-opacity duration-150 ".concat(e?"visible opacity-100":"invisible opacity-0"),children:(0,s.jsxs)("div",{role:"menu",className:"min-w-[160px] rounded-xl border border-white/10 bg-black/85 py-1 shadow-xl backdrop-blur-md",children:[(0,s.jsx)("a",{role:"menuitem",href:"https://suno.com/about",className:c,children:"About"}),(0,s.jsx)("a",{role:"menuitem",href:"https://help.suno.com/en/articles/2551617",target:"_blank",rel:"noopener noreferrer",className:c,children:"Contact Us"}),(0,s.jsx)("a",{role:"menuitem",href:"https://help.suno.com/",target:"_blank",rel:"noopener noreferrer",className:c,children:"Help"})]})})]})}function u(e){let{active:t}=e,[r,c]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=()=>c(window.scrollY>10);return e(),window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,s.jsxs)("header",{className:"fixed inset-x-0 top-0 z-40",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"absolute inset-0 bg-[#101012]/60 backdrop-blur-md transition-opacity duration-300 ".concat(r?"opacity-100":"opacity-0")}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{className:"".concat(n.R," flex items-center justify-between py-5"),children:[(0,s.jsxs)("div",{className:"flex items-center gap-10 md:flex-1",children:[(0,s.jsx)("a",{href:"https://suno.com/home",className:"flex shrink-0 items-center transition-opacity hover:opacity-70","aria-label":"Suno home",children:(0,s.jsx)("img",{src:"".concat(o,"/suno-wordmark-nav.svg"),alt:"Suno",className:"h-[1.212125rem] w-[4.919313rem]"})}),(0,s.jsxs)("nav",{className:"hidden items-center gap-1 md:flex","aria-label":"Suno",children:[(0,s.jsx)("a",{href:"https://suno.com/studio-welcome",className:i,children:"Studio"}),(0,s.jsx)(d,{}),(0,s.jsx)("a",{href:"https://suno.com/#pricing-section",className:i,children:"Pricing"}),(0,s.jsx)("a",{href:"https://suno.com/careers",className:i,children:"Careers"})]})]}),(0,s.jsxs)("div",{className:"flex shrink-0 items-center justify-end gap-2.5 md:flex-1",children:[(0,s.jsx)("a",{href:"https://suno.com/sign-in",className:"whitespace-nowrap rounded-full border border-white/10 px-3.5 py-[7px] text-[15px] leading-6 font-medium text-[#fcfbf9] transition-colors hover:bg-white/5 max-[359px]:px-2.5 max-[359px]:text-[13px]",children:"Log in"}),(0,s.jsx)("a",{href:"https://suno.com/sign-up",className:"whitespace-nowrap rounded-full bg-[#f7f4ef] px-3.5 py-2 text-[15px] leading-6 font-medium text-[#101012] transition-opacity hover:opacity-90 max-[359px]:px-2.5 max-[359px]:text-[13px]",children:"Join Suno for free"})]})]}),(0,s.jsx)("div",{className:"border-t border-white/10",children:(0,s.jsx)("nav",{className:"".concat(n.R," flex items-center gap-6"),"aria-label":"Blog sections",children:[{key:"blog",href:"/blog",label:"Blog"},{key:"release-notes",href:"/release-notes",label:"Release Notes"}].map(e=>{let{key:r,href:a,label:n}=e;return(0,s.jsx)(l.A,{href:a,"aria-current":t===r?"page":void 0,className:"whitespace-nowrap py-2.5 text-[13px] leading-[155%] font-medium transition-colors ".concat(t===r?"text-[#f7f4ef]":"text-white/60 hover:text-white"),children:n},r)})})})]})]})}},51614:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});let s=(0,r(32889).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},63336:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});let s=(0,r(32889).A)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]])},86645:(e,t,r)=>{"use strict";r.d(t,{dk:()=>m});var s=r(89309),l=r(91558),a=r.n(l),n=r(55036);let o="cl7b1q1i",i="production",c="2024-01-01",d=(0,s.UU)({projectId:o,dataset:i,apiVersion:c,useCdn:!0});(0,s.UU)({projectId:o,dataset:i,apiVersion:c,useCdn:!1,token:n.env.SANITY_API_WRITE_TOKEN,perspective:"previewDrafts"});let u=a()(d),m=e=>u.image(e)}},e=>{e.O(0,[1558,6383,8036,2598,7358],()=>e(e.s=8706)),_N_E=e.O()}]);