(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55],{7698:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blogs",function(){return s(1414)}])},9297:function(e,t,s){"use strict";s.d(t,{Z:function(){return x}});var a=s(1527),n=s(3281),l=s.n(n),o=s(959),c=s(1941),r=s(3345),i=s.n(r),d=e=>{let{blog:t}=e;return(0,a.jsxs)("div",{className:"group flex flex-col items-center text-dark dark:text-light",children:[(0,a.jsx)(l(),{href:"/".concat(t.slug),className:"h-full rounded-xl overflow-hidden ",style:{boxShadow:"rgba(0, 0, 0, 0.16) 0px 1px 4px"},children:(0,a.jsx)(i(),{src:t.featuredImage.node.sourceUrl,placeholder:"blur",blurDataURL:t.featuredImage.node.sourceUrl,srcSet:t.featuredImage.node.srcSet,alt:t.title,width:1280,height:720,className:" aspect-[4/2.5] w-full h-full object-fill object-center  group-hover:scale-105 transition-all ease duration-300 ",sizes:"(max-width: 640px) 100vw,(max-width: 1024px) 50vw, 33vw"})}),(0,a.jsxs)("div",{className:"flex flex-col w-full mt-4",children:[t.categories.nodes.map(e=>{let{name:t,slug:s}=e;return(0,a.jsx)("span",{className:"uppercase text-accent dark:text-accentDark font-bold text-xs sm:text-sm",children:(0,a.jsx)(l(),{href:"/category/".concat(s),children:t})},t)}),(0,a.jsx)(l(),{href:"/".concat(t.slug),className:"inline-block my-1",children:(0,a.jsx)("h2",{className:"font-bold capitalize  text-base sm:text-lg",children:(0,a.jsx)("span",{className:"bg-gradient-to-r from-accent/50 to-accent/50  dark:from-accentDark/50 dark:to-accentDark/50 bg-[length:0px_6px] group-hover:bg-[length:100%_6px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 ",children:t.title})})}),(0,a.jsx)("span",{className:"capitalize text-gray-500 dark:text-light/50 font-semibold text-sm  sm:text-base",children:(0,c.WU)(new Date(t.date),"MMMM dd, yyyy")})]})]})},m=s(116),x=e=>{let{blogs:t}=e,[s,n]=(0,o.useState)(1),c=9*s,r=t.slice(c-9,c),i=Math.ceil(t.length/9),x=e=>{n(e)},p=[];return p=i<=3?Array.from({length:i},(e,t)=>t+1):s<=2?[1,2,3]:s>=i-1?[i-2,i-1,i]:[s-1,s,s+1],(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("section",{className:"w-full mt-10 md:mt-12 px-5 sm:px-10 md:px-20 flex flex-col items-center justify-center",children:[(0,a.jsxs)("div",{className:"w-full flex justify-between",children:[(0,a.jsx)("h2",{className:"w-fit inline-block font-extrabold capitalize text-lg md:text-3xl text-dark dark:text-light",children:"Recent Articles"}),(0,a.jsx)(l(),{href:"/blogs",className:"inline-block font-medium text-accent dark:text-accentDark underline underline-offset-2 text-base md:text-lg",children:"view all"})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-16 mt-10",children:r.map((e,t)=>(0,a.jsx)("article",{className:"col-span-1 row-span-1 relative",children:(0,a.jsx)(d,{blog:e})},t))}),i>1&&(0,a.jsxs)("div",{className:"mt-10 flex justify-center items-center",children:[(0,a.jsxs)("button",{onClick:()=>{s>1&&n(s-1)},className:"mx-1 px-3 py-1 rounded flex items-center gap-1 font-bold ".concat(1===s?"text-slate-400":"text-purple-700 dark:text-yellow-400 "),disabled:1===s,children:[(0,a.jsx)(m.x_l,{})," Prev"]}),p.map((e,t)=>(0,a.jsx)("button",{onClick:()=>x(e),className:"mx-1 px-3 py-1 rounded ".concat(s===e?"bg-purple-700 dark:bg-yellow-400 text-white":"text-inherit"),children:e},t)),(0,a.jsxs)("button",{onClick:()=>{s<i&&n(s+1)},className:"mx-1 px-3 py-1 rounded flex items-center gap-1 font-bold ".concat(s===i?"text-slate-400":"text-purple-700 dark:text-yellow-400 "),disabled:s===i,children:[(0,a.jsx)(m.Z1Y,{})," Next"]})]})]})})}},1414:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return i}});var a=s(1527);s(959);var n=s(9297),l=s(732),o=s.n(l),c=s(8316),r=s(3372),i=!0;t.default=e=>{let{allPosts:t}=e,s={"@context":"https://schema.org","@type":"BlogPosting",mainEntityOfPage:{"@type":"WebPage","@id":"https://www.techayu.com/blogs"},headline:"Latest Articles on Web Development Technologies - TechAyu",image:[{"@type":"ImageObject",url:"https://www.techayu.com/TechAyu.png"}],author:[{"@type":"Person",name:"Ayush Arya",url:"https://www.techayu.com"}],publisher:{"@type":"Organization",name:"techayu.com",logo:{"@type":"ImageObject",url:"https://www.techayu.com/icon.png"}},description:"Discover Blogs on Web Development, React js, Next js, Node js, Material ui, Tailwind, Mysql, Mongodb, and more.",datePublished:new Date,dateModified:new Date};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(o(),{children:[(0,a.jsx)("title",{children:"Latest Articles on Web Development Technologies - TechAyu"}),(0,a.jsx)("meta",{name:"robots",content:"index, follow"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,a.jsx)("meta",{name:"description",content:"Discover Blogs on Web Development, React js, Next js, Node js, Material ui, Tailwind, Mysql, Mongodb, and more"},"desc"),(0,a.jsx)("meta",{property:"og:title",content:"Latest Articles on Web Development Technologies - TechAyu"}),(0,a.jsx)("meta",{property:"og:description",content:"Discover Blogs on Web Development, React js, Next js, Node js, Material ui, Tailwind, Mysql, Mongodb, and more"}),(0,a.jsx)("meta",{property:"og:url",content:"https://www.techayu.com/blogs"}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.techayu.com/TechAyu.png"}),(0,a.jsx)("meta",{property:"og:image:alt",content:"TechAyu Logo"}),(0,a.jsx)("meta",{property:"og:image:type",content:"image/png"}),(0,a.jsx)("meta",{property:"og:locale",content:"en_IN"}),(0,a.jsx)("meta",{property:"og:site_name",content:"techayu.com"}),(0,a.jsx)("link",{rel:"canonical",href:"https://www.techayu.com/blogs"},"canonical"),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(s)}})]}),(0,a.jsxs)("div",{className:"  duration-150 transition-all flex flex-col items-center justify-center",children:[(0,a.jsx)("div",{className:"mt-10"}),(0,a.jsx)("h1",{className:"mt-5 md:mt-10 sm:mt-16 text-center font-extrabold text-2xl sm:text-3xl pt-5",children:"Blogs on Techayu.com"}),(0,a.jsx)(n.Z,{blogs:t})]}),(0,a.jsx)("hr",{className:"my-4 sm:my-8 h-0.5 border-t-0 bg-neutral-400 opacity-100 dark:opacity-50 mx-4 sm:mx-20"}),(0,a.jsx)(r.Z,{}),(0,a.jsx)("hr",{className:"my-4 sm:my-12 h-0.5 border-t-0 bg-neutral-400 opacity-100 dark:opacity-50 mx-4 sm:mx-20"}),(0,a.jsx)(c.Z,{})]})}}},function(e){e.O(0,[829,806,291,183,941,368,774,888,179],function(){return e(e.s=7698)}),_N_E=e.O()}]);