<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J50N0YF96L"></script>
    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-J50N0YF96L');</script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Nat Thompson &#x2014; AWS, Tech Leadership &amp; Cloud Architecture</title>
    <meta name="description" content="Nat Thompson &#x2014; Fractional CTO, AWS expert, and author. Helping teams build better in the cloud." />

    <!-- Open Graph -->
    <meta property="og:title" content="Nat Thompson" />
    <meta property="og:description" content="Nat Thompson &#x2014; Fractional CTO, AWS expert, and author. Helping teams build better in the cloud." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://natthompson.com/" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Nat Thompson" />
    <meta name="twitter:description" content="Nat Thompson &#x2014; Fractional CTO, AWS expert, and author. Helping teams build better in the cloud." />


        <link rel="alternate" type="text/markdown" href="/index.md" title="Markdown version" />

    <link rel="alternate" type="application/rss+xml" title="Nat Thompson Blog" href="/feed" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />

    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/site.css?v=o7Kq_OE2YzORAR177z_7yUXH6GDWnwTgO15dBt18FcI" />
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark navbar-dark-custom sticky-top">
        <div class="container">
            <a class="navbar-brand" href="/">nat_thompson</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="/Blog">blog</a></li>
                    <li class="nav-item"><a class="nav-link" href="/aws-essentials">aws book</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Services">services</a></li>
                    <li class="nav-item"><a class="nav-link" href="/replace-my-saas">replace my saas</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Book">book a session</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Chat">chat</a></li>
                    <li class="nav-item"><a class="nav-link" href="/About">about</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Contact">contact</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <main>
        
<section class="hero-section">
    <div class="hero-grid"></div>
    <div class="container position-relative">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <h1 class="hero-title mb-4">Build Smarter<br/>in the Cloud</h1>
                <p class="hero-subtitle">I'm Nat Thompson — a fractional CTO, AWS expert, and author helping teams ship faster, spend less, and scale with confidence.</p>
                <div class="d-flex gap-3 mt-4 flex-wrap">
                    <a href="/aws-essentials" class="btn-glow">Get the Book</a>
                    <a href="/blog" class="btn-outline-glow">Read the Blog</a>
                </div>
                <div class="hero-prompt">
                    <span class="text-green">$</span> aws cloudformation deploy --stack-name your-future<span class="cursor"></span>
                </div>
            </div>
        </div>
    </div>
</section>

    <section class="section-dark">
        <div class="container">
            <h2 class="section-heading mb-4">Featured Posts</h2>
            <div class="row">
                    <div class="col-md-6 col-lg-4 mb-4">
                        

<div class="card-dark h-100">
    <div class="card-body d-flex flex-column">
        <div class="d-flex justify-content-between align-items-start mb-2">
            <a href="/blog?category=AWS" class="badge-category badge-aws text-decoration-none">AWS</a>
                <span class="badge-featured">Featured</span>
        </div>
        <h5 class="card-title mt-1 mb-2">
            <a href="/blog/replacing-wordpress-with-dotnet-razor-pages">How I Replaced WordPress with a .NET Razor Pages Site in a Single Session</a>
        </h5>
        <p class="text-muted-custom small mb-2" style="font-family: var(--font-mono); font-size: 0.75rem;">
            2026-03-19
        </p>
        <p class="text-secondary-custom flex-grow-1">I replaced my bloated WordPress site with a lean ASP.NET Core Razor Pages app &#x2014; no database, markdown-powered, deployed to the same Lightsail server. Here&#x27;s exactly how I did it.</p>
        <a href="/blog/replacing-wordpress-with-dotnet-razor-pages" class="text-cyan text-decoration-none" style="font-family: var(--font-mono); font-size: 0.85rem;">
            read_more <i class="bi bi-arrow-right"></i>
        </a>
    </div>
</div>

                    </div>
                    <div class="col-md-6 col-lg-4 mb-4">
                        

<div class="card-dark h-100">
    <div class="card-body d-flex flex-column">
        <div class="d-flex justify-content-between align-items-start mb-2">
            <a href="/blog?category=Tech%20Leadership" class="badge-category badge-leadership text-decoration-none">Tech Leadership</a>
                <span class="badge-featured">Featured</span>
        </div>
        <h5 class="card-title mt-1 mb-2">
            <a href="/blog/five-lessons-from-fractional-cto-work">5 Lessons from a Year of Fractional CTO Work</a>
        </h5>
        <p class="text-muted-custom small mb-2" style="font-family: var(--font-mono); font-size: 0.75rem;">
            2024-02-20
        </p>
        <p class="text-secondary-custom flex-grow-1">What I&#x27;ve learned helping multiple startups as a fractional CTO &#x2014; the patterns, pitfalls, and what actually moves the needle.</p>
        <a href="/blog/five-lessons-from-fractional-cto-work" class="text-cyan text-decoration-none" style="font-family: var(--font-mono); font-size: 0.85rem;">
            read_more <i class="bi bi-arrow-right"></i>
        </a>
    </div>
</div>

                    </div>
            </div>
            <div class="text-center mt-2">
                <a href="/blog" class="btn-outline-glow">View All Posts</a>
            </div>
        </div>
    </section>

<section class="section-darker">
    <div class="container">
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="card-dark h-100">
                    <div class="card-body">
                        <div class="feature-icon feature-icon-amber">
                            <i class="bi bi-book"></i>
                        </div>
                        <h4 style="font-family: var(--font-heading); color: var(--text-primary);">AWS Essentials Book</h4>
                        <p class="text-secondary-custom">A practical guide to getting started with Amazon Web Services — no fluff, just the essentials.</p>
                        <a href="/aws-essentials" class="btn-outline-glow" style="font-size: 0.8rem; padding: 0.5rem 1.25rem;">Learn More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card-dark h-100">
                    <div class="card-body">
                        <div class="feature-icon feature-icon-cyan">
                            <i class="bi bi-cpu"></i>
                        </div>
                        <h4 style="font-family: var(--font-heading); color: var(--text-primary);">Fractional CTO</h4>
                        <p class="text-secondary-custom">Senior technical leadership without the full-time commitment. Better technology decisions, faster.</p>
                        <a href="/services" class="btn-outline-glow" style="font-size: 0.8rem; padding: 0.5rem 1.25rem;">Learn More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="card-dark h-100">
                    <div class="card-body">
                        <div class="feature-icon feature-icon-green">
                            <i class="bi bi-envelope-at"></i>
                        </div>
                        <h4 style="font-family: var(--font-heading); color: var(--text-primary);">CTO To Go Newsletter</h4>
                        <p class="text-secondary-custom">Weekly insights on cloud architecture, tech leadership, and building better teams.</p>
                        <a href="/newsletter" class="btn-outline-glow" style="font-size: 0.8rem; padding: 0.5rem 1.25rem;">Subscribe</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    </main>

    <footer class="footer-dark mt-0">
        <div class="container">
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="footer-brand mb-2">nat_thompson</div>
                    <p class="text-muted-custom small">Fractional CTO &amp; AWS Expert.<br/>Building in the cloud since before it was cool.</p>
                </div>
                <div class="col-md-4 mb-4">
                    <h5>Navigate</h5>
                    <ul class="list-unstyled">
                        <li class="mb-1"><a href="/blog"><i class="bi bi-terminal me-2"></i>Blog</a></li>
                        <li class="mb-1"><a href="/aws-essentials"><i class="bi bi-book me-2"></i>AWS Essentials</a></li>
                        <li class="mb-1"><a href="/newsletter"><i class="bi bi-envelope me-2"></i>Newsletter</a></li>
                        <li class="mb-1"><a href="/feed"><i class="bi bi-rss me-2"></i>RSS Feed</a></li>
                    </ul>
                </div>
                <div class="col-md-4 mb-4">
                    <h5>Connect</h5>
                    <ul class="list-unstyled">
                        <li class="mb-1"><a href="/contact"><i class="bi bi-chat-dots me-2"></i>Contact</a></li>
                        <li class="mb-1"><a href="/services"><i class="bi bi-code-slash me-2"></i>Services</a></li>
                        <li class="mb-1"><a href="/resources"><i class="bi bi-collection me-2"></i>Resources</a></li>
                    </ul>
                </div>
            </div>
            <hr class="border-dark-custom" />
            <p class="copyright text-center mb-0">&copy; 2026 nat_thompson <span class="text-muted-custom">// all rights reserved</span></p>
        </div>
    </footer>

    <script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/js/site.js?v=hRQyftXiu1lLX2P9Ly9xa4gHJgLeR1uGN5qegUobtGo"></script>
    <script src="https://unpkg.com/@mcp-b/webmcp-polyfill@2.3.2/dist/index.iife.js"></script>
    <script src="/js/webmcp.js?v=2tWwFLXG56ICri9UM-9bCu_BEkadRN1gaJprRtlpeMo"></script>
    
</body>
</html>
