PageSourceSearch

https://luketheweb.dev/

html luketheweb.dev collected 2026-10-07 00:39:10 UTC 23,214 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75 2x"/><title>Luke the Web Dev | Web Development Blog and Portfolio</title><meta name="description" content="Welcome to Luke the Web Dev! My name is Luke Anderson and by day I&#x27;m a web engineer at Flawless AI. By night (or weekends) I write blog posts and code cool stuff."/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=3840&amp;
1q=75 3840w" imageSizes="(max-width: 500px) 100vw, (max-width: 1400px) 50vw, 25vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Freact.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x"/><link rel="preload" as="image" href="/images/facebook.svg"/><link rel="preload" as="image" href="/images/linkedin.svg"/><link rel="preload" as="image" href="/images/twitter.svg"/><link rel="preload" as="image" href="/images/pinterest.svg"/><link rel="preload" as="image" href="/images/github.svg"/><meta name="next-head-count" content="16"/><meta charSet="utf-8"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/>
1<script async="" data-uid="93649111fd" src="https://lukethewebdev.ck.page/93649111fd/index.js"></script>
1<link rel="preload" href="/_next/static/media/d491bd1e6d8ab343.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/9e7c1d0a8f080966.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/07b3e0877480a95d.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/41bd27ab05ad8501.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/38b0f38ce3150374.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/9cd3ffa281e77ae2.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/f9fa7964f036c69d.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/ed9cb87f7cefa820.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/c95d4fce0b415528.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/56b5d6ac638045ae.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/2fe56c5e8a0dc232.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/83585419f1a18277.css" as="style"/><link rel="stylesheet" href="/_next/static/css/83585419f1a18277.css" data-n-g=""/><link rel="preload" href="/_next/static/css/c22e1e80ff33a8cf.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c22e1e80ff33a8cf.css" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-ee7e63bc15b31913.js" defer=""></script>
1<script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script>
1<script src="/_next/static/chunks/main-013e8e58762c9031.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-f0e5f0efa5913e95.js" defer=""></script>
1<script src="/_next/static/chunks/881-336501bdd6a84fd3.js" defer=""></script>
1<script src="/_next/static/chunks/456-072677196fbd9f57.js" defer=""></script>
1<script src="/_next/static/chunks/pages/index-19b6317183366554.js" defer=""></script>
1<script src="/_next/static/ejoGpJyaQHpmjpoNFuJXD/_buildManifest.js" defer=""></script>
1<script src="/_next/static/ejoGpJyaQHpmjpoNFuJXD/_ssgManifest.js" defer=""></script>
1<style id="__jsx-3422159074">html{font-family:'__Titillium_Web_b823de', '__Titillium_Web_Fallback_b823de'}</style></head><body><div id="__next"><div class="layout"><header class=""><section class="Header_title__MaSJ1"><img alt="Luke the Web Dev Logo" srcSet="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75" width="100" height="100" decoding="async" data-nimg="1" class="Header_logo__DFVkO" style="color:transparent"/><a href="/"><h1>Luke the Web Dev</h1></a></section><nav id="nav"><div class="navbar"><div class="container navContainer"><div class="hamburgerLines"><span class="line line1"></span><span class="line line2"></span><span class="line line3"></span></div><div class="menuItems"><a href="/" title="Home">Home</a><a href="/about" title="About Me">About Me</a><a href="/blog" title="Blog">Blog</a><a href="/contact" title="Contact Me">Contact Me</a></div></div></div></nav></header><main class="home" itemType="http://schema.org/Person"><section class="first"><div class="content"><img alt="Luke Anderson" itemProp="image" sizes="(max-width: 500px) 100v
1w, (max-width: 1400px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=3840&amp;q=75" width="390" height="390" decoding="async" data-nimg="1" class="portrait" style="color:transparent;height:auto;max-width:500px;width:100%"/><section class="blue"><p>Hey guys! My name&#x27;s <span itemProp="givenName">Luke</span> <span itemProp="familyName">Anderson</span> and I&#x27;m a<!-- --> <span itemProp="jobTitle">Web Engineer</span> at Flawless AI, having previously worked at ASOS and Sky.</p><p>I have been programming since 2015, and I just love the process of bringing something to life through code.</p><a class="aboutLink button" href="/about">About Me</a></section></div></section><section class="blogPreview grey"><div class="content"><h2>Blog</h2><section class="previews"><article class="post dark"><a href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs"><img alt="How Will the Future of Web Development Be Affected by Influential New React Docs?" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Freact.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75" width="358" height="188" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs"><h3>How Will the Future of Web Development Be Affected by Influential New React Docs?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName">Luke Anderson</h4><h4 class="publishedDate">25 March 2023</h4></div><p>The new 2023 React docs are strongly biased in favour of frameworks, what impact will that have on the future of web dev?</p><a href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs">Read post</a></div></article><article class="post dark"><a href="/blog/what-is-github-actions"><img alt="What Is GitHub Actions?" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75" width="358" height="188" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/what-is-github-actions"><h3>What Is GitHub Actions?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName">Luke Anderson</h4><h4 class="publishedDate">11 March 2023</h4></div><p>GitHub Actions is a great way to handle your application CI/CD workflow. Deployments are made easy by the fully automated, customisable processes.</p><a href="/blog/what-is-github-actions">Read post</a></div></article><article class="post dark"><a href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind"><img alt="5 Methods to Fetch Data in React, With Performance and Your Users in Mind" sizes="(max-width: 600px) 100v
1w, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;q=75" width="358" height="188" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind"><h3>5 Methods to Fetch Data in React, With Performance and Your Users in Mind</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName">Luke Anderson</h4><h4 class="publishedDate">25 February 2023</h4></div><p>There are many different ways to fetch data in React, with important factors to take into consideration. I discuss them in more detail here.</p><a href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind">Read post</a></div></article><article class="post dark"><a href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app"><img alt="What is Vite and Why Should You Use It Instead of Create React App?" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75" width="358" height="188" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app"><h3>What is Vite and Why Should You Use It Instead of Create React App?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName">Luke Anderson</h4><h4 class="publishedDate">21 February 2023</h4></div><p>Vite is the new kid on the block. Creat React App has lost its crown! Find out why you should be using Vite over Create React App in 2023.</p><a href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app">Read post</a></div></article></section><form class="SignupForm_signup__iSQVy"><img alt="Newsletter icon" src="/images/signup.svg" width="50" height="50" decoding="async" data-nimg="1" class="SignupForm_filterDarkBlue__gQxa4" loading="lazy" style="color:transparent"/><div><p class="SignupForm_text___JD2B">
1Subscribe to receive an alert for each new post!</p><div class="SignupForm_formFieldsContainer__xNz0F"><div class="SignupForm_inputContainer__4cnJz"><input type="text" placeholder="Email address" name="email" class="" novalidate="" value=""/></div><input id="submit" type="submit" class="signupSubmit" value="Subscribe"/></div></div></form><a class="button" href="/blog">View Blog</a></div></section></main><footer class="Footer_footer___O5Nl"><nav><a href="/">Home</a><a href="/about">About Me</a><a href="/blog">Blog</a><a href="/contact">Contact</a></nav><div class="Footer_socials__1iVMq"><div class="Socials_social__C_Nb_"><a href="https://www.facebook.com/profile.php?id=100089343968124"><img alt="Facebook icon" src="/images/facebook.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://uk.linkedin.com/in/lukeanderson85"><img alt="LinkedIn icon" src="/images/linkedin.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://twitter.com/luke_the_webdev"><img alt="Twitter icon" src="/images/twitter.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://www.pinterest.co.uk/lukethewebdev/"><img alt="Pinterest icon" src="/images/pinterest.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://github.com/LukeTwomey"><img alt="GitHub icon" src="/images/github.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a></div></div><p>Copyright © <!-- -->2026<!-- --> Luke the Web Dev</p></footer></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"featurePosts":[{"slug":"how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs","data":{"title":"How Will the Future of Web Development Be Affected by Influential New React Docs?","date":"2023-03-25","feature":"true","previewImage":"react","preview":"The new 2023 React docs are strongly biased in favour of frameworks, what impact will that have on the future of web dev?"}},{"slug":"what-is-github-actions","data":{"title":"What Is GitHub Actions?","date":"2023-03-11","feature":"true","previewImage":"githubActions","preview":"GitHub Actions is a great way to handle your application CI/CD workflow. Deployments are made easy by the fully automated, customisable processes."}},{"slug":"5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind","data":{"title":"5 Methods to Fetch Data in React, With Performance and Your Users in Mind","date":"2023-02-25","feature":"true","previewImage":"data","preview":"There are many different ways to fetch data in React, with important factors to take into consideration. I discuss them in more detail here."}},{"slug":"what-is-vite-and-why-should-you-use-it-instead-of-create-react-app","data":{"title":"What is Vite and Why Should You Use It Instead of Create React App?","date":"2023-02-21","feature":"true","previewImage":"vite","preview":"Vite is the new kid on the block. Creat React App has lost its crown! Find out why you should be using Vite over Create React App in 2023."}}]},"__N_SSG":true},"page":"/","query":{},"buildId":"ejoGpJyaQHpmjpoNFuJXD","isFallback":false,"gsp":true,"locale":"en","locales":["en"],"defaultLocale":"en","scriptLoader":[]}</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"01c5e4a2cd2a40c5bbfa515c099632d2","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.