https://comfyuiweb.com/_next/static/chunks/pages/tutorials-d878e92c59f2eeb0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58204],{55812:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tutorials",function(){return a(42021)}])},49084:function(e,t,a){"use strict";a.d(t,{C:function(){return o}});var r=a(20715);a(89113);var n=a(64831),s=a(6814);let l=(0,n.j)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function o({className:e,variant:t,...a}){return(0,r.jsx)("div",{className:(0,s.cn)(l({variant:t}),e),...a})}},42021:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return y},default:function(){return b}});var r=a(20715),n=a(49821),s=a.n(n),l=a(52133),o=a.n(l),i=a(40315),c=a(10361),d=a(10916),u=a(46918),x=a(8362),m=a(28130),p=a(6814),f=a(49084),g=a(91086),h=a.n(g),j=a(19639),y=!0;function b({data:e}){let t=e.data,a=e?.meta.pagination.pageCount,n=(0,i.useRouter)(),{t:l}=(0,j.Z)("tutorials"),g=String(l("meta.title")||"ComfyUI Tutorials - Learn How to Use ComfyUI"),y=String(l("meta.description")||"Detailed tutorials and guides for ComfyUI, helping you learn how to use this powerful AI tool."),b=(0,p.fO)(),N=(0,p.nQ)({asPath:n.asPath,locale:n.locale,defaultLocale:n.defaultLocale,locales:n.locales,siteUrl:b}),v=(0,p.G1)({asPath:n.asPath,locales:n.locales,defaultLocale:n.defaultLocale,siteUrl:b}),w=`${b.replace(/\/$/,"")}/icon.png`,_={"@context":"https://schema.org","@type":"CollectionPage",name:g,description:y,url:N,publisher:{"@type":"Organization",name:"ComfyUI Web",url:b},...t&&t.length>0&&{hasPart:t.slice(0,5).map(e=>({"@type":"Article",headline:e.title,description:e.description,url:`${b.replace(/\/$/,"")}/tutorials/${e.slug}`,datePublished:e.date}))}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(o(),{children:[(0,r.jsx)("title",{children:g}),(0,r.jsx)("meta",{name:"description",content:y}),(0,r.jsx)("meta",{name:"robots",content:"index, follow"}),(0,r.jsx)("link",{rel:"canonical",href:N}),v.map(e=>(0,r.jsx)("link",{rel:"alternate",hrefLang:e.hrefLang,href:e.href},e.hrefLang)),(0,r.jsx)("meta",{property:"og:title",content:g}),(0,r.jsx)("meta",{property:"og:description",content:y}),(0,r.jsx)("meta",{property:"og:type",content:"website"}),(0,r.jsx)("meta",{property:"og:url",content:N}),(0,r.jsx)("meta",{property:"og:site_name",content:"ComfyUI Web"}),(0,r.jsx)("meta",{property:"og:image",content:w}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{name:"twitter:title",content:g}),(0,r.jsx)("meta",{name:"twitter:description",content:y}),(0,r.jsx)("meta",{name:"twitter:image",content:w}),(0,r.jsx)("meta",{name:"author",content:"ComfyUI Web"}),(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(_)}})]}),(0,r.jsx)(c.Z,{}),(0,r.jsxs)("section",{className:"container flex flex-col items-center gap-6 py-24 sm:gap-7",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsx)("h1",{className:"font-heading text-3xl font-semibold sm:text-4xl text-center",children:l("header.title")}),(0,r.jsx)("p",{className:"text-xl text-gray-600 max-w-3xl mx-auto text-center",children:l("header.description")})]}),(0,r.jsx)(u.o,{}),(0,r.jsx)("div",{className:"mt-6 grid auto-rows-fr grid-cols-1 gap-7 sm:grid-cols-2 lg:grid-cols-3",children:t&&t.length>0?t.map(e=>(0,r.jsx)(s(),{href:`/tutorials/${e.slug}`,children:(0,r.jsx)(x.Zb,{className:"h-full shadow-lg border-none",children:(0,r.jsxs)(x.aY,{className:"flex h-full flex-col items-start gap-5 px-0",children:[e.coverImage&&(0,r.jsx)("div",{className:"relative h-52 w-full",children:(0,r.jsx)(h(),{alt:e.title,src:e.coverImage,fill:!0,className:"object-cover rounded-t-lg"})}),(0,r.jsxs)("div",{className:"flex flex-1 flex-col gap-4 px-5",children:[(0,r.jsx)("h4",{className:"text-lg font-semibold",children:e.title}),(0,r.jsx)("p",{className:"mb-auto text-muted-foreground",children:e.description}),(0,r.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,r.jsx)(f.C,{className:"rounded-full bg-primary px-3 py-0.5 text-sm",children:l("badges.tutorial")}),e.tags.slice(0,2).map(e=>(0,r.jsx)(f.C,{variant:"outline",className:"text-xs",children:e},e)),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:(0,p.p6)(e.date)})]})]})]})})},e.id)):(0,r.jsxs)("div",{className:"col-span-full text-center py-10 bg-gray-50 rounded-lg",children:[(0,r.jsx)("p",{className:"text-gray-500 text-lg",children:l("noTutorials.title")}),(0,r.jsx)("p",{className:"text-gray-400",children:l("noTutorials.description")})]})}),a>1&&(0,r.jsx)(m.Q,{pageCount:a})]}),(0,r.jsx)(d.Z,{})]})}}}

1,function(e){e.O(0,[31936,49821,47113,30687,12221,84102,49774,92888,40179],function(){return e(e.s=55812)}),_N_E=e.O()}]);