Gatsby JS: Create a 404 Not Found Page

Build a 404 not found page for Gatsby when users landing on routes that don’t exist in your application. This is a single video in a series of 26 lessons. Watch the entire course at this playlist here: https://www.youtube.com/playlist?list=PLW0RabRDhwwzVNhlOgQQgw6HJzXdM1MnT Want to support the channel? We make our courses free to watch so anyone can access our content and level up their skills. For our larger courses, like this one, we sell the final code and design files for a small price to help support the creation of free educational content like this. You can purchase the course files below–any support is greatly appreciated! 👀 LIVE DEMO 👀 https://angry-bohr-9e84bc.netlify.app/ 🗂 PURCHASE FILES & SUPPORT THE CHANNEL 🗂 https://gum.co/LkpZQ 🔗 COURSE RESOURCES 🔗 Setup dev environment: https://www.gatsbyjs.org/tutorial/part-zero/ Gatsby Hello World Starter: https://github.com/gatsbyjs/gatsby-starter-hello-world Gatsby Transformer Sharp: https://www.gatsbyjs.org/packages/gatsby-transformer-sharp/ Gatsby Plugin MDX: https://www.gatsbyjs.org/packages/gatsby-plugin-mdx/ Gatsby Plugin Google Fonts: https://www.gatsbyjs.org/packages/gatsby-plugin-google-fonts/ Styled Components in Gatsby: https://www.gatsbyjs.org/docs/styled-components/ React Developer Tools for Chrome: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en Gatsby Create Pages: https://www.gatsbyjs.org/tutorial/part-seven/ Minify SVGs with SVGOMG: https://jakearchibald.github.io/svgomg/ Prism React Renderer: https://github.com/FormidableLabs/prism-react-renderer LekoArts: https://themes.lekoarts.de/ Codeblocks, MDX, and mdx-utils: https://www.christopherbiscardi.com/post/codeblocks-mdx-and-mdx-utils Language tabs for Gatsby’s code blocks: https://www.lekoarts.de/en/blog/language-tabs-for-gatsbys-code-blocks Netlify: https://www.netlify.com/ Figma: https://www.figma.com 👋 FOLLOW US 👋 Instagram: https://instagram.com/skillthrive/ #WebDev #WebDesign #WebDevelopment