QuickNode Builds Infrastructure for the Future

QuickNode Builds Infrastructure for the Future is a CodingCat.dev podcast episode featuring Anthony Campolo alongside Alex Patterson and Brittney Postma focused on Netlify, Storyblok, React. We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QuickNode. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. Job change, your background, and what has happened since we last chatted?
   1. Some Antics Dev on Twitch
2. What is QuickNode?
3. Why are you excited about this technology?
4. What is the difference between wallets like Coinbase or Metamask?
5. Solidity Smark Contracts.
6. Good docs and info around Hardhat.
7. Why is there a gas transaction fee?

Technical Overview: QuickNode Builds Infrastructure for the Future

2.30 - QuickNode Builds Infrastructure for the Future: We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QickNode. https://codingcat.dev/podcast/quicknode-builds-infrastructure-for-the-future Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use

When applying the concepts from QuickNode Builds Infrastructure for the Future in a production codebase, teams working with Netlify, Storyblok, React should align their implementation with the Netlify Documentation (Jamstack deployments, edge functions, and build automation). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

Key Engineering Takeaways

• Core Topic Focus: Practical strategies for Netlify, Storyblok, React covered in "QuickNode Builds Infrastructure for the Future" (We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QuickNode.).
• Production Implementation: Combine the architectural patterns demonstrated in this podcast with the official Netlify Documentation for type safety, performance, and long-term maintainability.
• Hands-On Video Walkthrough: Follow along with the live coding demos and discussion on YouTube (QuickNode Builds Infrastructure for the Future) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of QuickNode Builds Infrastructure for the Future on YouTube using the timestamped chapters below:

• 00:00: PM
• 00:00: Intro
• 00:00: Anthony Campolo Intro
• 00:00: What is Web3?
• 00:00: What does QuickNode do for Web3?
• 00:00: What is Web3 other than just coins?
• 00:00: Why it costs money to use the chain.
• 00:00: Storyblok ad
• 00:00: Web3 is still confusing, we need a demo
• 00:00: Wallets, fake or real
• 00:00: Smart Contract Hello World demo
• 00:00: Create React App
• 00:00: Hardhat and contracts
• 00:00: QuickNode configurations
• 00:00: Alex's weak understanding of Web3 asking Britt about it
• 00:00: Shoutout to Developer DAO
• 00:00: Compiling Hardhat
• 00:00: Hardhat artifact review in React app
• 00:00: Review of what has happened already
• 00:00: React App working

Resources, Links & Official Documentation

• Watch on YouTube: QuickNode Builds Infrastructure for the Future Full Video (plus Subscribe to CodingCat.dev)
• storyblok.com: https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=&utm_content=purrfect-podcast
• Show Pick: Svelvet - Build interactive, node-based UIs and diagrams in Svelte (picked by Alex Patterson)
• Show Pick: Adventure With Google (picked by Alex Patterson)
• Show Pick: Ergonomic Foot Pad (picked by Brittney Postma)
• Show Pick: State of CSS Google IO (picked by Brittney Postma)
• Show Pick: Bo Burnham: The Inside Outtakes (picked by Anthony Campolo)
• Anthony Campolo Guest Profile & Episodes on CodingCat.dev
• Anthony Campolo on GitHub
• Episode Sponsor: Storyblok
• Netlify Documentation: Jamstack deployments, edge functions, and build automation
• Storyblok Headless CMS Documentation: Component-based headless CMS and visual editor APIs
• React Official Reference: Hooks, Server Components, and UI state patterns

Related CodingCat.dev Tutorials & Podcast Episodes

• Angular 16 Hydration, Signals, Vite: Angular 16 is a major release of the Angular framework that introduces several new features.
• Growing as a DXE & Building Dev Communities: The master of building communities Dom joins us to break down how to build them, what a DXE does, and how to get shares at a startup.
• Ionic 6: Mike tells us all about himself and starting at Ionic. Mike gives us a full demo of Ionic 6 and the new components.

Frequently Asked Questions (FAQ)

What are the main takeaways from QuickNode Builds Infrastructure for the Future?

We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QuickNode. 2.30 - QuickNode Builds Infrastructure for the Future: We sit down with Anthony Campolo (ajcwebdev) to talk about Web3 and working with QickNode. https://codingcat.dev/podcast/quicknode-builds-infrastructure-for-the-future Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use Throughout this podcast, Anthony Campolo breaks down real-world implementation details for Netlify, Storyblok, React so developers can apply these patterns directly in production.

How do you implement Netlify best practices in production?

When adopting Netlify and Storyblok in a production stack, start by validating your configuration against the Netlify Documentation (Jamstack deployments, edge functions, and build automation). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full QuickNode Builds Infrastructure for the Future walkthrough and find related code resources?

You can watch the complete video session for QuickNode Builds Infrastructure for the Future on the CodingCat.dev YouTube channel. For a deeper dive into Netlify, check out our related guide: Angular 16 Hydration, Signals, Vite.