0:[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/fdf7e2a1e3d94458.css","precedence":"next","crossOrigin":"$undefined"}]],["$","$L3",null,{"buildId":"DeAY7GgcZaoUsSpZjRQT7","assetPrefix":"","initialCanonicalUrl":"/blog/evolving-web-scraping-pageripper-api","initialTree":["",{"children":["blog",{"children":["evolving-web-scraping-pageripper-api",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["blog",{"children":["evolving-web-scraping-pageripper-api",{"children":["__PAGE__",{},[["$L4",["$","div",null,{"className":"sm:px-8 mt-16 lg:mt-32","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl lg:px-8","children":["$","div",null,{"className":"relative px-4 sm:px-8 lg:px-12","children":["$","div",null,{"className":"mx-auto max-w-6xl","children":["$","div",null,{"className":"xl:relative","children":["$","div",null,{"className":"mx-auto max-w-2xl","children":[["$","article",null,{"children":[["$","header",null,{"className":"flex flex-col","children":[["$","h1",null,{"className":"mt-3 text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl","children":"Evolving web scraping: How Pageripper API handles JavaScript-heavy sites"}],["$","time",null,{"dateTime":"2023-12-31","className":"order-first flex items-center text-base text-zinc-400 dark:text-zinc-500","children":[["$","span",null,{"className":"h-4 w-0.5 rounded-full bg-zinc-200 dark:bg-zinc-500"}],["$","span",null,{"className":"ml-3","children":"2023-12-31"}]]}]]}],["$","div",null,{"className":"mt-8 prose dark:prose-invert text-base","children":[["$","hr",null,{}],"\n",["$","$L5",null,{"src":{"src":"/_next/static/media/pageripper-javascript.7b20b3cf.webp","height":1024,"width":1024,"blurDataURL":"data:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAACwAQCdASoIAAgAAkA4JZQCdADze7hYAP7vKbDeayTvyQ3FWObANurnq0rmD+fYZshvQey+vs4T3ZAQy5FtAa8dUXOACl8itQAAAA==","blurWidth":8,"blurHeight":8},"alt":"Pageripper API a commercial data-extraction service"}],"\n",["$","h2",null,{"id":"introduction","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#introduction","children":["$","span",null,{"className":"icon icon-link"}]}],"Introduction"]}],"\n",["$","p",null,{"children":[["$","a",null,{"href":"https://rapidapi.com/zackproser/api/pageripper/","children":"Pageripper is a commercial API"}]," that extracts data from webpages, even if they're rendered with Javascript."]}],"\n",["$","h2",null,{"id":"challenges-in-scraping-javascript-heavy-sites","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#challenges-in-scraping-javascript-heavy-sites","children":["$","span",null,{"className":"icon icon-link"}]}],"Challenges in Scraping JavaScript-Heavy Sites"]}],"\n",["$","p",null,{"children":"Scraping data and content from sites that rely on client-side Javascript for rendering requires a different approach from scraping sites that render their content\ncompletely on the server."}],"\n",["$","p",null,{"children":"These two flow diagrams illustrate the difference: when you're scraping a server-side rendered site, the initial page you fetch tends to already include all rendered content."}],"\n",["$","h3",null,{"id":"scraping-a-server-side-rendered-site","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#scraping-a-server-side-rendered-site","children":["$","span",null,{"className":"icon icon-link"}]}],"Scraping a server-side rendered site"]}],"\n",["$","p",null,{"children":"Here's an example of what we might see if we fetch a server-side rendered (SSR) page:"}],"\n",["$","pre",null,{"className":"language-html","children":["$","code",null,{"className":"language-html","children":[["$","span",null,{"className":"token doctype","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"html"]}]," ",["$","span",null,{"className":"token attr-name","children":"lang"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"en",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"head"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"meta"]}]," ",["$","span",null,{"className":"token attr-name","children":"charset"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"UTF-8",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"title"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"SSR Example",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"body"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"h1"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"Server-Side Rendered Page",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"p"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"This is an example of a server-side rendered page.",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"ul"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"li"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"a"]}]," ",["$","span",null,{"className":"token attr-name","children":"href"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"/link1",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"Link 1",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"li"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"a"]}]," ",["$","span",null,{"className":"token attr-name","children":"href"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"/link2",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"Link 2",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"li"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"a"]}]," ",["$","span",null,{"className":"token attr-name","children":"href"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"/link3",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"Link 3",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token comment","children":""}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n\n"]}]}],"\n",["$","p",null,{"children":"There's not much to do after we receive the requested page, since we can access whatever CSS selectors or elements we want - they're all already rendered."}],"\n",["$","$L5",null,{"src":{"src":"/_next/static/media/serverside-scraping.85950f6f.webp","height":953,"width":1918,"blurDataURL":"data:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAABwAQCdASoIAAQAAkA4JZwCdAFAAAD+9qEfyjxjVdeksAAA","blurWidth":8,"blurHeight":4},"alt":"In many ways, scraping a server-side rendered site is simpler"}],"\n",["$","h3",null,{"id":"scraping-a-client-side-rendered-site","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#scraping-a-client-side-rendered-site","children":["$","span",null,{"className":"icon icon-link"}]}],"Scraping a client-side rendered site"]}],"\n",["$","p",null,{"children":"However, when we're dealing with a client-side rendered (CSR) site, we need to employ a browser or Javascript engine to run the code bundle responsible for rendering elements."}],"\n",["$","pre",null,{"className":"language-html","children":["$","code",null,{"className":"language-html","children":[["$","span",null,{"className":"token doctype","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"html"]}]," ",["$","span",null,{"className":"token attr-name","children":"lang"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"en",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"head"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"meta"]}]," ",["$","span",null,{"className":"token attr-name","children":"charset"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"UTF-8",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"title"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"CSR Example",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"script"]}]," ",["$","span",null,{"className":"token attr-name","children":"src"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"app.js",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],["$","span",null,{"className":"token script"}],["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}]," ",["$","span",null,{"className":"token comment","children":""}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"body"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"h1"]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"Client-Side Rendered Page",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":"<"}],"div"]}]," ",["$","span",null,{"className":"token attr-name","children":"id"}],["$","span",null,{"className":"token attr-value","children":[["$","span",null,{"className":"token punctuation attr-equals","children":"="}],["$","span",null,{"className":"token punctuation","children":"\""}],"content",["$","span",null,{"className":"token punctuation","children":"\""}]]}],["$","span",null,{"className":"token punctuation","children":">"}]]}],"\n ",["$","span",null,{"className":"token comment","children":""}],"\n ",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n",["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token tag","children":[["$","span",null,{"className":"token punctuation","children":""}]]}],"\n"]}]}],"\n",["$","p",null,{"children":"That's because the HTML that we're sent is an intentionally minimal shell that includes the Single Page Application's Javascript bundle:"}],"\n",["$","$L5",null,{"src":{"src":"/_next/static/media/clientside-scraping.d74afa0d.webp","height":953,"width":1918,"blurDataURL":"data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABwAQCdASoIAAQAAkA4JZwCdAFAAAD+9kt9j2OWhAA=","blurWidth":8,"blurHeight":4},"alt":"Scraping from a Javascript-heavy site is more involved"}],"\n",["$","h3",null,{"id":"pagerippers-approach","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#pagerippers-approach","children":["$","span",null,{"className":"icon icon-link"}]}],"Pageripper’s Approach"]}],"\n",["$","p",null,{"children":"Pageripper handles both the client-side and server-side rendered sites by employing Puppeteer under the hood. Puppeteer is project that simplifies running a headless browser in Node.js."}],"\n",["$","$L5",null,{"src":{"src":"/_next/static/media/pageripper-puppeteer.8a76926a.webp","height":1024,"width":1024,"blurDataURL":"data:image/webp;base64,UklGRlYAAABXRUJQVlA4IEoAAAAQAgCdASoIAAgAAkA4JZACdLoAArnN9psoAPQMrCenQv5wsYEpW/QlTladh4oWBLxLblBu98EqOsikHHXj4gBMunLvt2MGqsAAAA==","blurWidth":8,"blurHeight":8},"alt":"Pageripper uses Puppeteer to handle client-side rendered sites"}],"\n",["$","p",null,{"children":"This means that Pageripper can browse the web the same way you do - and see the same results for any given site that you do when loading it in a browser - even those sites that\nrender their content after pageload via Javascript."}],"\n",["$","p",null,{"children":"In addition, Pageripper allows users to tweak the behavior of Puppeteer on a per-request basis. This means that you can specify which network event to wait on when scraping a given site."}],"\n",["$","p",null,{"children":["For example, if you're using Pageripper to scrape a server-side rendered (SSR) site, you can likely get away with passing a ",["$","code",null,{"children":"waitUntilEvent"}]," parameter of ",["$","code",null,{"children":"domcontentloaded"}],", meaning that Puppeteer will only\nwait until the DOM content is loaded before scraping. This is noticeably faster most of the time:"]}],"\n",["$","pre",null,{"className":"language-bash","children":["$","code",null,{"className":"language-bash","children":[["$","span",null,{"className":"token function","children":"curl"}]," -X POST ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n -H ",["$","span",null,{"className":"token string","children":"'Content-type: application/json'"}]," ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n -d ",["$","span",null,{"className":"token string","children":"'{\"options\": {\"includeUrls\": true, \"waitUntil\":\"domcontentloaded\"}, \"url\": \"https://nytimes.com\"}'"}]," ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n ",["$","span",null,{"className":"token operator","children":"<"}],"pageripper-api-root",["$","span",null,{"className":"token operator","children":">"}],"/extracts\n"]}]}],"\n",["$","p",null,{"children":["However, when you're dealing with a Javascript-heavy or Client-side rendered site, you could pass ",["$","code",null,{"children":"waitUntilEvent"}]," as ",["$","code",null,{"children":"networkidle0"}]," to wait until the network is idle (there are no resources left to download) before rendering and scraping the content."]}],"\n",["$","pre",null,{"className":"language-bash","children":["$","code",null,{"className":"language-bash","children":[["$","span",null,{"className":"token function","children":"curl"}]," -X POST ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n -H ",["$","span",null,{"className":"token string","children":"'Content-type: application/json'"}]," ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n -d ",["$","span",null,{"className":"token string","children":"'{\"options\": {\"includeUrls\": true, \"waitUntil\":\"networkidle0\"}, \"url\": \"https://zackproser.com\"}'"}]," ",["$","span",null,{"className":"token punctuation","children":"\\"}],"\n ",["$","span",null,{"className":"token operator","children":"<"}],"pageripper-api-root",["$","span",null,{"className":"token operator","children":">"}],"/extracts\n"]}]}],"\n",["$","h3",null,{"id":"future-roadmap","children":[["$","a",null,{"aria-hidden":true,"tabIndex":"-1","className":"hash-link","href":"#future-roadmap","children":["$","span",null,{"className":"icon icon-link"}]}],"Future Roadmap"]}],"\n",["$","p",null,{"children":"Today, Pageripper automatically categorizes links (internal vs external), ecommerce links, asset download links, etc. It also extracts email addresses and Twitter handles."}],"\n",["$","p",null,{"children":"Over time, Pageripper will be expanded to extract even more data from a given page"}]]}]]}],["$","$L6",null,{"title":"If you made it this far, you can do anything!","body":"I publish technical content for developers who want to skill up, and break down AI, vector databases and tools for investors"}],["$","$7",null,{"fallback":["$","div",null,{"children":"Loading..."}],"children":["$","$7",null,{"fallback":null,"children":["$","$L8",null,{"reason":"next/dynamic","children":["$","$L9",null,{}]}]}]}],["$","div",null,{"className":"mt-5 p-2","children":[["$","h2",null,{"className":"text-2xl font-bold text-slate-500","children":"Don't miss my next post!"}],["$","div",null,{"className":"flex flex-wrap py-4","children":[["$","$La",null,{"href":"https://www.twitch.tv/zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-purple-600 hover:bg-purple-700 text-white px-2 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M2 2h20v12l-5.333 5.333h-4l-2.334 2.334H9.333V19.333H2V2zm17.333 13.666l2.334-2.333V3.333H4v14h3.333v2.334L10 17.666h4.666l4.667-2.333zM10 7.667h1.333v4H10v-4zm4 0h1.333v4H14v-4z"}]}]," zackproser"]}],["$","$La",null,{"href":"https://youtube.com/@zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-red-600 hover:bg-red-700 text-white px-2 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.617-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202h-0.009c0,0-4.198,0-6.997,0.202c-0.387,0.047-1.243,0.051-2.004,0.847c-0.6,0.607-0.795,1.985-0.795,1.985S0,9.62,0,11.238v1.517c0,1.617,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.76,0.797,1.76,0.771,2.205,0.855C5.6,18.805,12,18.805,12,18.805s4.198,0,6.997-0.202c0.387-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.62,0.2-3.237v-1.517C22,9.62,21.8,8.001,21.8,8.001zM9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"}]}]," zackproser"]}],["$","$La",null,{"href":"https://youtube.com/@pinecone-io","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-red-600 hover:bg-red-700 text-white px-2 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.617-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202h-0.009c0,0-4.198,0-6.997,0.202c-0.387,0.047-1.243,0.051-2.004,0.847c-0.6,0.607-0.795,1.985-0.795,1.985S0,9.62,0,11.238v1.517c0,1.617,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.76,0.797,1.76,0.771,2.205,0.855C5.6,18.805,12,18.805,12,18.805s4.198,0,6.997-0.202c0.387-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.62,0.2-3.237v-1.517C22,9.62,21.8,8.001,21.8,8.001zM9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"}]}]," pinecone-io"]}],["$","$La",null,{"href":"https://github.com/zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-slate-600 hover:bg-slate-700 text-white px-2 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","fill":"{ props.fill ?? 'white'}","d":"M12 2C6.475 2 2 6.588 2 12.253c0 4.537 2.862 8.369 6.838 9.727.5.09.687-.218.687-.487 0-.243-.013-1.05-.013-1.91C7 20.059 6.35 18.957 6.15 18.38c-.113-.295-.6-1.205-1.025-1.448-.35-.192-.85-.667-.013-.68.788-.012 1.35.744 1.538 1.051.9 1.551 2.338 1.116 2.912.846.088-.666.35-1.115.638-1.371-2.225-.256-4.55-1.14-4.55-5.062 0-1.115.387-2.038 1.025-2.756-.1-.256-.45-1.307.1-2.717 0 0 .837-.269 2.75 1.051.8-.23 1.65-.346 2.5-.346.85 0 1.7.115 2.5.346 1.912-1.333 2.75-1.05 2.75-1.05.55 1.409.2 2.46.1 2.716.637.718 1.025 1.628 1.025 2.756 0 3.934-2.337 4.806-4.562 5.062.362.32.675.936.675 1.897 0 1.371-.013 2.473-.013 2.82 0 .268.188.589.688.486a10.039 10.039 0 0 0 4.932-3.74A10.447 10.447 0 0 0 22 12.253C22 6.588 17.525 2 12 2Z"}]}]," zackproser"]}],["$","$La",null,{"href":"https://twitter.com/zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-sky-600 hover:bg-sky-700 text-white px-2 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M20.055 7.983c.011.174.011.347.011.523 0 5.338-3.92 11.494-11.09 11.494v-.003A10.755 10.755 0 0 1 3 18.186c.308.038.618.057.928.058a7.655 7.655 0 0 0 4.841-1.733c-1.668-.032-3.13-1.16-3.642-2.805a3.753 3.753 0 0 0 1.76-.07C5.07 13.256 3.76 11.6 3.76 9.676v-.05a3.77 3.77 0 0 0 1.77.505C3.816 8.945 3.288 6.583 4.322 4.737c1.98 2.524 4.9 4.058 8.034 4.22a4.137 4.137 0 0 1 1.128-3.86A3.807 3.807 0 0 1 19 5.274a7.657 7.657 0 0 0 2.475-.98c-.29.934-.9 1.729-1.713 2.233A7.54 7.54 0 0 0 22 5.89a8.084 8.084 0 0 1-1.945 2.093Z"}]}]," zackproser"]}],["$","$La",null,{"href":"https://linkedin.com/in/zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 01-1.548-1.549 1.548 1.548 0 111.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z"}]}]," zackproser"]}],["$","$La",null,{"href":"https://instagram.com/zackproser","target":"_blank","rel":"noreferrer","className":"flex items-center justify-center bg-pink-600 hover:bg-pink-700 text-white px-4 py-2 rounded m-2 md:m-1","children":[["$","svg",null,{"viewBox":"0 0 24 24","aria-hidden":"true","className":"w-6 h-6","children":[["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"$b"}],["$","path",null,{"fill":"{ props.fill ?? 'white'}","d":"M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm0-7.622a4.622 4.622 0 1 0 0 9.244 4.622 4.622 0 0 0 0-9.244Zm5.884-.182a1.08 1.08 0 1 1-2.16 0 1.08 1.08 0 0 1 2.16 0Z"}]]}]," zackproser"]}]]}]]}]]}]}]}]}]}]}]],null],null]},["$","$Lc",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children","evolving-web-scraping-pageripper-api","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Ld",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$Lc",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Ld",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","className":"h-full antialiased __variable_098cd6","children":[["$","head",null,{"children":[["$","link",null,{"rel":"alternate","type":"application/rss+xml","href":"https://zackproser.com/rss/feed.xml"}],["$","link",null,{"rel":"alternate","type":"application/feed+json","href":"https://zackproser.com/rss/feed.json"}]]}],["$","body",null,{"suppressHydrationWarning":true,"className":"flex h-full bg-gray-100 dark:bg-black font-sans","children":["$","$Le",null,{"children":["$","$Lf",null,{"children":["$","div",null,{"className":"flex w-full flex-col","children":[["$","$L10",null,{}],["$","main",null,{"className":"flex-grow","children":["$","$Lc",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Ld",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"sm:px-8 mt-16 lg:mt-32","children":["$","div",null,{"className":"mx-auto w-full max-w-7xl lg:px-8","children":["$","div",null,{"className":"relative px-4 sm:px-8 lg:px-12","children":["$","div",null,{"className":"mx-auto max-w-6xl","children":[["$","h1",null,{"className":"mb-8 text-4xl sm:text-7xl lg:text-9xl text-center leading-none dark:text-zinc-400","children":"404"}],["$","h2",null,{"className":"mb-8 text-xl sm:text-2xl lg:text-3xl text-center leading-tight dark:text-zinc-400","children":"Whoops - we couldn't find that page!"}],["$","div",null,{"className":"w-full","children":["$","$L5",null,{"src":{"src":"/_next/static/media/404-wizard.3d8d7c38.webp","height":1024,"width":1024,"blurDataURL":"data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAACwAQCdASoIAAgAAkA4JQBOgB5vj5xQAP7qWmFL/9+huHDJU74lRNdY++SwmvFTZKlRkS4Mbj4vv3eG9YiM2cCI8J/nsOFSGMerVaDDazAuDBPjZDkkoJAA","blurWidth":8,"blurHeight":8},"alt":"404 wizard","layout":"responsive"}]}],["$","$La",null,{"href":"/","className":"block mt-8 mb-4 text-xl sm:text-2xl lg:text-3xl text-center leading-tight dark:text-zinc-400","children":"Go Home?"}]]}]}]}]}],"notFoundStyles":[],"styles":null}]}],["$","$L11",null,{}],["$","$L12",null,{}]]}]}]}]}],["$","$L13",null,{"gaId":"G-DFX9S1FRMB"}]]}],null],null],"couldBeIntercepted":false,"initialHead":[false,"$L14"],"globalErrorComponent":"$15","missingSlots":"$W16"}]]