https://www.craftz.dog/_next/static/chunks/pages/posts-e30ce39046b08397.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[679],{5161:function(A,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/posts",function(){return s(5171)}])},7133:function(A,t,s){"use strict";s.d(t,{Et:function(){return WorkGridItem},P4:function(){return GridItem},Pg:function(){return GridItemStyle}});var e=s(5893),i=s(1664),a=s.n(i),r=s(5675),o=s.n(r),n=s(8029),l=s(2821),h=s(92),g=s(917);let GridItem=A=>{let{children:t,href:s,title:i,thumbnail:a}=A;return(0,e.jsx)(n.x,{w:"100%",textAlign:"center",children:(0,e.jsxs)(l.f,{cursor:"pointer",children:[(0,e.jsx)(o(),{src:a,alt:i,className:"grid-item-thumbnail",placeholder:"blur",loading:"lazy"}),(0,e.jsx)(l.A,{href:s,target:"_blank",children:(0,e.jsx)(h.x,{mt:2,children:i})}),(0,e.jsx)(h.x,{fontSize:14,children:t})]})})},WorkGridItem=A=>{let{children:t,category:s="works",id:i,title:r,thumbnail:g}=A;return(0,e.jsx)(n.x,{w:"100%",textAlign:"center",children:(0,e.jsxs)(l.f,{as:a(),href:"/".concat(s,"/").concat(i),scroll:!1,cursor:"pointer",children:[(0,e.jsx)(o(),{src:g,alt:r,className:"grid-item-thumbnail",placeholder:"blur"}),(0,e.jsx)(l.A,{as:"div",href:"/".concat(s,"/").concat(i),children:(0,e.jsx)(h.x,{mt:2,fontSize:20,children:r})}),(0,e.jsx)(h.x,{fontSize:14,children:t})]})})},GridItemStyle=()=>(0,e.jsx)(g.xB,{styles:"\n      .grid-item-thumbnail {\n        border-radius: 12px;\n      }\n    "})},307:function(A,t,s){"use strict";var e=s(5893),i=s(7340),a=s(9008),r=s.n(a),o=s(7133);let n={hidden:{opacity:0,x:0,y:20},enter:{opacity:1,x:0,y:0},exit:{opacity:0,x:-0,y:20}};t.Z=A=>{let{children:t,title:s}=A,a="".concat(s," - Takuya Matsuyama");return(0,e.jsx)(i.E.article,{initial:"hidden",animate:"enter",exit:"exit",variants:n,transition:{duration:.4,type:"easeInOut"},style:{position:"relative"},children:(0,e.jsxs)(e.Fragment,{children:[s&&(0,e.jsxs)(r(),{children:[(0,e.jsx)("title",{children:a}),(0,e.jsx)("meta",{name:"twitter:title",content:a}),(0,e.jsx)("meta",{property:"og:title",content:a})]}),t,(0,e.jsx)(o.Pg,{})]})})}},7669:function(A,t,s){"use strict";var e=s(5893),i=s(7340),a=s(5779),r=s(6510);let o=(0,a.m)(i.E.div,{shouldForwardProp:A=>(0,r.x)(A)||"transition"===A});t.Z=A=>{let{children:t,delay:s=0}=A;return(0,e.jsx)(o,{initial:{y:10,opacity:0},animate:{y:0,opacity:1},transition:{duration:.8,delay:s},mb:6,children:t})}},5171:function(A,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return O},default:function(){return posts}});var e=s(5893),i=s(6254),a=s(232),r=s(1089),o=s(307),n=s(7669),l=s(7133),h={src:"/_next/static/media/youtube-how-to-build-portfolio.c7ad403c.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAdEAACAgEFAAAAAAAAAAAAAAAAAQIDERITIVFh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAZEQEAAgMAAAAAAAAAAAAAAAABAAMCITH/2gAMAwEAAhEDEQA/AIe112XN7eJ6YNtyyn3x6AAWKclagyNk/9k=",blurWidth:8,blurHeight:5},g={src:"/_next/static/media/youtube-how-to-use-inkdrop.becbd1f2.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAbEAACAwADAAAAAAAAAAAAAAAAAgMEEgERMf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAXEQADAQAAAAAAAAAAAAAAAAAAAREC/9oADAMBAAIRAxEAPwCBkrLWorO2ZdQ6y6+d8AAMq2hptQ//2Q==",blurWidth:8,blurHeight:5},c={src:"/_next/static/media/youtube-fish-workflow.34e94e5a.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAeEAABAwQDAAAAAAAAAAAAAAABAAIRAwQxQRIhUf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAMAwEAAhEDEQA/AJ/bNF1SbzENJOCZ6neNeIiIKR//2Q==",blurWidth:8,blurHeight:5},z={src:"/_next/static/media/youtube-my-desk-setup.b8d08886.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAeEAABAwQDAAAAAAAAAAAAAAABAAIDBAUGERIhMf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQACMf/aAAwDAQACEQMRAD8Alw2/1d7zCFkwbHBTQvcyBhPAEDQIG+jo+oiIHKW1dX//2Q==",blurWidth:8,blurHeight:5},d={src:"/_next/static/media/blog-500-paid-users.483b63b5.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAdEAABBAIDAAAAAAAAAAAAAAABAAIDBBEhBRLR/8QAFAEBAAAAAAAAAAAAAAAAAAAAAv/EABcRAQEBAQAAAAAAAAAAAAAAAAEAETH/2gAMAwEAAhEDEQA/AKfFWY3mbFgE9nRNGM62T4ERECWBy//Z",blurWidth:8,blurHeight:5},u={src:"/_next/static/media/blog-financial-goal.26a64911.png",height:720,width:1280,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAALVBMVEXz8u7J1c68uLDEzcjb4Nu+wrvm6eTO2tSyrKbTzsmro5yzsaqimJLd5uDSu7kUjRXdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAK0lEQVR4nAXBhwEAIAgEsXuKKJb9xzWBt24MILZLCsi2kgnmaZc5LJtZPvgQlQCzMQBAFgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5},E={src:"/_next/static/media/blog-how-to-price-yourself.f1a2331a.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAcEAACAgIDAAAAAAAAAAAAAAABAgADERMhYXH/xAAUAQEAAAAAAAAAAAAAAAAAAAAC/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AqqVO1+5rmIXKhBwvp7iIgJ//2Q==",blurWidth:8,blurHeight:5},w={src:"/_next/static/media/youtube-50x-faster.b4bd1517.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAgEAABAwIHAAAAAAAAAAAAAAACAAEDBBEFBhMhMUGh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAYEQADAQEAAAAAAAAAAAAAAAAAAQIRIf/aAAwDAQACEQMRAD8AgzZVxhh8dKMFzCpkDVM3J7MzPs3XPiIicrhOm9P/2Q==",blurWidth:8,blurHeight:5},O=!0,posts=()=>(0,e.jsx)(o.Z,{title:"Posts",children:(0,e.jsxs)(i.W,{children:[(0,e.jsx)(a.X,{as:"h3",fontSize:20,mb:4,children:"Popular Posts"}),(0,e.jsx)(n.Z,{delay:.1,children:(0,e.jsxs)(r.M,{columns:[1,2,2],gap:6,children:[(0,e.jsx)(l.P4,{title:"How to build a portfolio website",thumbnail:h,href:"https://www.youtube.com/watch?v=bSMZgXzC9AA"}

1),(0,e.jsx)(l.P4,{title:"How to take notes in Markdown efficiently with Inkdrop",thumbnail:g,href:"https://www.youtube.com/watch?v=-qBavwqc_mY"}),(0,e.jsx)(l.P4,{title:"My Fish workflow",thumbnail:c,href:"https://www.youtube.com/watch?v=KKxhf50FIPI"}),(0,e.jsx)(l.P4,{title:"My desk setup (Late 2020)",thumbnail:z,href:"https://www.youtube.com/watch?v=1OFDMwDlnOE"})]})}),(0,e.jsx)(n.Z,{delay:.3,children:(0,e.jsxs)(r.M,{columns:[1,2,2],gap:6,children:[(0,e.jsx)(l.P4,{title:"How I’ve Attracted The First 500 Paid Users For My SaaS That Costs $5/mo",thumbnail:d,href:"https://blog.inkdrop.app/how-ive-attracted-the-first-500-paid-users-for-my-saas-that-costs-5-mo-7a5b94b8e820"}),(0,e.jsx)(l.P4,{title:"I stopped setting a financial goal for my SaaS",thumbnail:u,href:"https://blog.inkdrop.app/i-stopped-setting-a-financial-goal-for-my-saas-a92c3db65506"})]})}),(0,e.jsx)(n.Z,{delay:.5,children:(0,e.jsxs)(r.M,{columns:[1,2,2],gap:6,children:[(0,e.jsx)(l.P4,{title:"How to Price Yourself as a Freelance Developer",thumbnail:E,href:"https://blog.inkdrop.app/how-to-price-yourself-as-a-freelance-developer-3453dfd59d91"}),(0,e.jsx)(l.P4,{title:"I made my React Native app 50x faster",thumbnail:w,href:"https://www.youtube.com/watch?v=vj723NlrIQc"})]})})]})})},1089:function(A,t,s){"use strict";s.d(t,{M:function(){return h}});var e=s(5893),i=s(1185),a=s(9381),r=s(5779);let o=(0,a.G)(function(A,t){let{templateAreas:s,gap:i,rowGap:a,columnGap:o,column:n,row:l,autoFlow:h,autoRows:g,templateRows:c,autoColumns:z,templateColumns:d,...u}=A;return(0,e.jsx)(r.m.div,{ref:t,__css:{display:"grid",gridTemplateAreas:s,gridGap:i,gridRowGap:a,gridColumnGap:o,gridAutoColumns:z,gridColumn:n,gridRow:l,gridAutoFlow:h,gridAutoRows:g,gridTemplateRows:c,gridTemplateColumns:d},...u})});o.displayName="Grid";var n=s(7984),l=s(52);let h=(0,a.G)(function(A,t){let{columns:s,spacingX:a,spacingY:r,spacing:h,minChildWidth:g,...c}=A,z=(0,n.F)(),d=g?(0,i.XQ)(g,A=>{let t=(0,l.LP)("sizes",A,"number"==typeof A?`${A}px`:A)(z);return null===A?null:`repeat(auto-fit, minmax(${t}, 1fr))`}):(0,i.XQ)(s,A=>null===A?null:`repeat(${A}, minmax(0, 1fr))`);return(0,e.jsx)(o,{ref:t,gap:h,columnGap:a,rowGap:r,templateColumns:d,...c})});h.displayName="SimpleGrid"}},function(A){A.O(0,[472,774,888,179],function(){return A(A.s=5161)}),_N_E=A.O()}]);