<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<meta content="width=device-width, initial-scale=1" name="viewport"/>
		<meta content="A Brazilian Software Engineer creating content and sharing knowledge over the internet. My experience involves pushing the limits of what we can build with code. Design and technology lover, collaborating with Open Source projects." name="description"/>
		<meta content="index, follow" name="robots"/>
		<title>
			Rychillie
		</title>
		<link href="/favicon.ico" rel="icon" sizes="any"/>
		<link href="https://rychillie.pages.dev/" rel="canonical"/>
		<link href="https://rychillie.pages.dev/" hreflang="en" rel="alternate"/>
		<link href="https://rychillie.pages.dev/pt-BR/" hreflang="pt-BR" rel="alternate"/>
		<link href="https://rychillie.pages.dev/" hreflang="x-default" rel="alternate"/>
		<meta content="Rychillie" property="og:title"/>
		<meta content="A Brazilian Software Engineer creating content and sharing knowledge over the internet. My experience involves pushing the limits of what we can build with code. Design and technology lover, collaborating with Open Source projects." property="og:description"/>
		<meta content="https://rychillie.pages.dev/" property="og:url"/>
		<meta content="Rychillie" property="og:site_name"/>
		<meta content="en_US" property="og:locale"/>
		<meta content="website" property="og:type"/>
		<meta content="summary" name="twitter:card"/>
		<meta content="Rychillie" name="twitter:title"/>
		<meta content="A Brazilian Software Engineer creating content and sharing knowledge over the internet. My experience involves pushing the limits of what we can build with code. Design and technology lover, collaborating with Open Source projects." name="twitter:description"/>
		<link as="image" href="/static/images/bento-portrait-2-624.webp" imagesizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" imagesrcset="/static/images/bento-portrait-2-312.webp 312w, /static/images/bento-portrait-2-624.webp 624w" rel="preload" type="image/webp"/>
		<link href="/static/styles-738a483f.css" rel="stylesheet"/>
	</head>
	<body class="min-h-screen bg-white font-sans text-neutral-800 antialiased scheme-light dark:bg-neutral-950 dark:text-neutral-200 dark:scheme-dark">
		<main class="min-h-screen">
			<div class="relative min-h-screen overflow-hidden bg-white dark:bg-neutral-950">
				<nav class="absolute top-0 left-1/2 z-10 flex h-36 w-full -translate-x-1/2 items-baseline justify-end gap-3 bg-gradient-to-b from-white to-white/0 px-6 py-[60px] text-base font-semibold leading-6 text-neutral-800 dark:from-neutral-950 dark:to-neutral-950/0 dark:text-neutral-200 md:max-w-[640px] md:gap-5 md:px-0">
					<a class="text-[#9d2e29] no-underline dark:text-[#e05e58]" href="/">home</a>
					<a class="text-neutral-800 no-underline hover:text-[#9d2e29] dark:text-neutral-200 dark:hover:text-[#e05e58]" href="/notes/">notes</a>
					<a class="text-neutral-800 no-underline hover:text-[#9d2e29] dark:text-neutral-200 dark:hover:text-[#e05e58]" href="/about/">about</a>
				</nav>
				<div class="relative mx-auto flex w-full flex-col items-start gap-6 px-6 py-36 md:max-w-[640px] md:px-0">
					<section class="flex w-full scroll-mt-36 flex-col items-start gap-4 break-words leading-none tracking-normal" id="about">
						<h1 class="m-0 w-full font-serif text-2xl font-bold leading-8 text-[#9d2e29] dark:text-[#e05e58]">
							Hey, I&apos;m Rychillie
							 
							<picture>
								<source srcset="/static/images/wave-58.webp" type="image/webp"/>
								<img alt="Waving hand" class="inline-block h-7 w-auto align-[-0.18em]" decoding="async" height="56" loading="eager" src="/static/images/wave-58.gif" width="58"/>
							</picture>
						</h1>
						<p class="m-0 w-full break-words text-base font-normal leading-6 text-neutral-800 dark:text-neutral-200">
							A Brazilian Software Engineer creating content and sharing knowledge over the internet. My experience involves pushing the limits of what we can build with code. Design and technology lover, collaborating with Open Source projects.
						</p>
					</section>
					<div class="grid w-full grid-cols-2 gap-2 md:gap-4">
						<div class="flex min-w-0 flex-col gap-2 md:gap-4">
							<a class="group relative block w-full overflow-hidden rounded no-underline outline-none ring-[#9d2e29]/0 focus-visible:ring-2 focus-visible:ring-[#9d2e29]/70 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:rounded-2xl dark:md:rounded-lg dark:focus-visible:ring-[#e05e58]/80 dark:focus-visible:ring-offset-neutral-950" href="/notes/build-in-public-meetup-2026/"><picture>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-portrait-1-312.webp 312w, /static/images/bento-portrait-1-624.webp 624w" type="image/webp"/>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-portrait-1-312.png 312w, /static/images/bento-portrait-1-624.png 624w" type="image/png"/>
									<img alt="Build in Public Meetup" class="block w-full aspect-[312/448] rounded object-cover md:rounded-2xl dark:md:rounded-lg" decoding="async" height="896" loading="eager" sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" src="/static/images/bento-portrait-1-624.png" srcset="/static/images/bento-portrait-1-312.png 312w, /static/images/bento-portrait-1-624.png 624w" width="624"/>
								</picture>
								<div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-neutral-950/80 via-neutral-950/30 to-neutral-950/0 opacity-0 transition-opacity duration-300 ease-out group-hover:opacity-100 group-focus-visible:opacity-100">
								</div>
								<div class="pointer-events-none absolute inset-x-0 bottom-0 flex translate-y-2 items-end justify-between gap-3 p-3 text-white opacity-0 transition duration-300 ease-out group-hover:translate-y-0 group-hover:opacity-100 group-focus-visible:translate-y-0 group-focus-visible:opacity-100 md:p-4">
									<span class="min-w-0 flex-1 text-sm font-bold leading-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:text-base md:leading-6">Build in Public Meetup 🥑💬</span>
									<svg aria-hidden="true" class="block size-5 shrink-0 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:size-6" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
									</svg>
								</div></a>
							<a class="group relative block w-full overflow-hidden rounded no-underline outline-none ring-[#9d2e29]/0 focus-visible:ring-2 focus-visible:ring-[#9d2e29]/70 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:rounded-2xl dark:md:rounded-lg dark:focus-visible:ring-[#e05e58]/80 dark:focus-visible:ring-offset-neutral-950" href="/notes/braziljs-conf-2024/"><picture>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-wide-1-312.webp 312w, /static/images/bento-wide-1-624.webp 624w" type="image/webp"/>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-wide-1-312.png 312w, /static/images/bento-wide-1-624.png 624w" type="image/png"/>
									<img alt="BrazilJS Conf 2024" class="block w-full aspect-[312/216] rounded object-cover md:rounded-2xl dark:md:rounded-lg" decoding="async" height="432" loading="eager" sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" src="/static/images/bento-wide-1-624.png" srcset="/static/images/bento-wide-1-312.png 312w, /static/images/bento-wide-1-624.png 624w" width="624"/>
								</picture>
								<div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-neutral-950/80 via-neutral-950/30 to-neutral-950/0 opacity-0 transition-opacity duration-300 ease-out group-hover:opacity-100 group-focus-visible:opacity-100">
								</div>
								<div class="pointer-events-none absolute inset-x-0 bottom-0 flex translate-y-2 items-end justify-between gap-3 p-3 text-white opacity-0 transition duration-300 ease-out group-hover:translate-y-0 group-hover:opacity-100 group-focus-visible:translate-y-0 group-focus-visible:opacity-100 md:p-4">
									<span class="min-w-0 flex-1 text-sm font-bold leading-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:text-base md:leading-6">BrazilJS Conf 2024</span>
									<svg aria-hidden="true" class="block size-5 shrink-0 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:size-6" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
									</svg>
								</div></a>
						</div>
						<div class="flex min-w-0 flex-col gap-2 md:gap-4">
							<a class="group relative block w-full overflow-hidden rounded no-underline outline-none ring-[#9d2e29]/0 focus-visible:ring-2 focus-visible:ring-[#9d2e29]/70 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:rounded-2xl dark:md:rounded-lg dark:focus-visible:ring-[#e05e58]/80 dark:focus-visible:ring-offset-neutral-950" href="/notes/clawcon-belo-horizonte-2026/"><picture>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-wide-2-312.webp 312w, /static/images/bento-wide-2-624.webp 624w" type="image/webp"/>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-wide-2-312.png 312w, /static/images/bento-wide-2-624.png 624w" type="image/png"/>
									<img alt="ClawCon Belo Horizonte presentation" class="block w-full aspect-[312/216] rounded object-cover md:rounded-2xl dark:md:rounded-lg" decoding="async" height="432" loading="eager" sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" src="/static/images/bento-wide-2-624.png" srcset="/static/images/bento-wide-2-312.png 312w, /static/images/bento-wide-2-624.png 624w" width="624"/>
								</picture>
								<div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-neutral-950/80 via-neutral-950/30 to-neutral-950/0 opacity-0 transition-opacity duration-300 ease-out group-hover:opacity-100 group-focus-visible:opacity-100">
								</div>
								<div class="pointer-events-none absolute inset-x-0 bottom-0 flex translate-y-2 items-end justify-between gap-3 p-3 text-white opacity-0 transition duration-300 ease-out group-hover:translate-y-0 group-hover:opacity-100 group-focus-visible:translate-y-0 group-focus-visible:opacity-100 md:p-4">
									<span class="min-w-0 flex-1 text-sm font-bold leading-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:text-base md:leading-6">ClawCon Belo Horizonte presented by Hostinger</span>
									<svg aria-hidden="true" class="block size-5 shrink-0 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:size-6" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
									</svg>
								</div></a>
							<a class="group relative block w-full overflow-hidden rounded no-underline outline-none ring-[#9d2e29]/0 focus-visible:ring-2 focus-visible:ring-[#9d2e29]/70 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:rounded-2xl dark:md:rounded-lg dark:focus-visible:ring-[#e05e58]/80 dark:focus-visible:ring-offset-neutral-950" href="/notes/clawcon-belo-horizonte-2026/"><picture>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-portrait-2-312.webp 312w, /static/images/bento-portrait-2-624.webp 624w" type="image/webp"/>
									<source sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" srcset="/static/images/bento-portrait-2-312.png 312w, /static/images/bento-portrait-2-624.png 624w" type="image/png"/>
									<img alt="Rychillie at ClawCon Belo Horizonte" class="block w-full aspect-[312/448] rounded object-cover md:rounded-2xl dark:md:rounded-lg" decoding="async" fetchpriority="high" height="896" loading="eager" sizes="(min-width: 768px) 312px, calc((100vw - 56px) / 2)" src="/static/images/bento-portrait-2-624.png" srcset="/static/images/bento-portrait-2-312.png 312w, /static/images/bento-portrait-2-624.png 624w" width="624"/>
								</picture>
								<div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-neutral-950/80 via-neutral-950/30 to-neutral-950/0 opacity-0 transition-opacity duration-300 ease-out group-hover:opacity-100 group-focus-visible:opacity-100">
								</div>
								<div class="pointer-events-none absolute inset-x-0 bottom-0 flex translate-y-2 items-end justify-between gap-3 p-3 text-white opacity-0 transition duration-300 ease-out group-hover:translate-y-0 group-hover:opacity-100 group-focus-visible:translate-y-0 group-focus-visible:opacity-100 md:p-4">
									<span class="min-w-0 flex-1 text-sm font-bold leading-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:text-base md:leading-6">ClawCon Belo Horizonte presented by Hostinger</span>
									<svg aria-hidden="true" class="block size-5 shrink-0 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.45)] md:size-6" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
										<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
									</svg>
								</div></a>
						</div>
					</div>
					<p class="m-0 w-full break-words text-base font-normal leading-6 text-neutral-800 dark:text-neutral-200">
						I like turning what I learn while building products into useful content: videos, essays, talks, and experiments. On my channel and in the Build in Public community, formerly Indie Hacking, I share behind-the-scenes notes, technical decisions, and ideas for people creating on the internet.
					</p>
					<div class="grid w-full grid-cols-1 gap-2 md:grid-cols-2 md:gap-4">
						<a class="group flex min-h-[88px] w-full items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 no-underline transition-colors hover:border-neutral-300 hover:bg-white dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950 dark:hover:border-neutral-700 dark:hover:bg-neutral-900/50" href="https://www.youtube.com/@rychillie" rel="noopener noreferrer" target="_blank"><div class="flex min-w-0 items-center gap-3">
								<div class="relative size-16 shrink-0">
									<picture>
										<source sizes="64px" srcset="/static/images/youtube-avatar-64.webp 64w, /static/images/youtube-avatar-128.webp 128w" type="image/webp"/>
										<source sizes="64px" srcset="/static/images/youtube-avatar-64.png 64w, /static/images/youtube-avatar-128.png 128w" type="image/png"/>
										<img alt="@rychillie profile photo" class="size-16 rounded-full object-cover" decoding="async" height="128" loading="lazy" sizes="64px" src="/static/images/youtube-avatar-128.png" srcset="/static/images/youtube-avatar-64.png 64w, /static/images/youtube-avatar-128.png 128w" width="128"/>
									</picture>
									<span class="absolute bottom-0 right-0 flex size-5 items-center justify-center rounded-full border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950"><svg aria-hidden="true" class="block h-[8.438px] w-3 text-white dark:text-neutral-950" fill="none" focusable="false" viewBox="0 0 12 8.4375" xmlns="http://www.w3.org/2000/svg">
											<path d="M11.735 1.31602C11.6661 1.06165 11.5319 0.829755 11.3456 0.643419C11.1592 0.457084 10.9273 0.32281 10.673 0.253969C9.74176 0 5.99392 0 5.99392 0C5.99392 0 2.24588 0.00768748 1.31467 0.261656C1.0603 0.330502 0.828404 0.464782 0.642076 0.651127C0.455748 0.837471 0.321488 1.06938 0.252665 1.32375C-0.0290066 2.97834 -0.138272 5.49956 0.2604 7.08797C0.32923 7.34233 0.463493 7.57423 0.649821 7.76056C0.836148 7.9469 1.06804 8.08117 1.3224 8.15002C2.25362 8.40398 6.00156 8.40398 6.00156 8.40398C6.00156 8.40398 9.74945 8.40398 10.6806 8.15002C10.935 8.08118 11.1669 7.94691 11.3532 7.76057C11.5396 7.57424 11.6738 7.34234 11.7427 7.08797C12.0398 5.43103 12.1313 2.91136 11.735 1.31602Z" fill="#FF0000"/>
											<path d="M4.80029 6.00293L7.90942 4.20209L4.80029 2.40125V6.00293Z" fill="currentColor"/>
										</svg></span>
								</div>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										@rychillie
									</p>
									<p class="m-0 text-sm font-normal leading-5 text-neutral-800 dark:text-neutral-200">
										1,550 subscribers
									</p>
								</div>
							</div>
							<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg></a>
						<a class="group flex min-h-[88px] w-full items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 no-underline transition-colors hover:border-neutral-300 hover:bg-white dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950 dark:hover:border-neutral-700 dark:hover:bg-neutral-900/50" href="https://discord.gg/haQ67Tm9za" rel="noopener noreferrer" target="_blank"><div class="flex min-w-0 items-center gap-3">
								<div class="relative size-16 shrink-0">
									<picture>
										<source sizes="64px" srcset="/static/images/discord-avatar-64.webp 64w, /static/images/discord-avatar-128.webp 128w" type="image/webp"/>
										<source sizes="64px" srcset="/static/images/discord-avatar-64.png 64w, /static/images/discord-avatar-128.png 128w" type="image/png"/>
										<img alt="@rychillie profile photo" class="size-16 rounded-full object-cover" decoding="async" height="128" loading="lazy" sizes="64px" src="/static/images/discord-avatar-128.png" srcset="/static/images/discord-avatar-64.png 64w, /static/images/discord-avatar-128.png 128w" width="128"/>
									</picture>
									<span class="absolute bottom-0 right-0 flex size-5 items-center justify-center rounded-full border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950"><svg aria-hidden="true" class="block h-[9.328px] w-3" fill="none" focusable="false" viewBox="0 0 12 9.32812" xmlns="http://www.w3.org/2000/svg">
											<path d="M10.1651 0.777984C9.37815 0.409768 8.5456 0.148134 7.68947 0C7.58282 0.192797 7.45823 0.452109 7.37231 0.658406C6.44925 0.519609 5.53467 0.519609 4.62857 0.658406C4.5427 0.452156 4.41529 0.192797 4.30767 0C3.4507 0.148203 2.61743 0.410503 1.83009 0.779906C0.263341 3.14752 -0.161394 5.45625 0.0509499 7.73231C1.09012 8.50833 2.09718 8.97975 3.08728 9.28823C3.33334 8.94985 3.55086 8.5916 3.73757 8.21719C3.38209 8.08185 3.03938 7.91506 2.71354 7.71881C2.79929 7.65526 2.88302 7.58902 2.96461 7.5202C4.93907 8.44373 7.08445 8.44373 9.03539 7.5202C9.11733 7.58857 9.20103 7.65479 9.2864 7.71881C8.96004 7.91558 8.6167 8.0827 8.2605 8.21817C8.44828 8.59411 8.6654 8.9527 8.91079 9.28917C9.90182 8.98073 10.9098 8.50931 11.949 7.73231C12.1982 5.09381 11.5234 2.80627 10.1651 0.777984ZM4.00659 6.33258C3.41386 6.33258 2.92776 5.77922 2.92776 5.10539C2.92776 4.43156 3.4035 3.87727 4.00659 3.87727C4.60973 3.87727 5.09578 4.43058 5.08542 5.10539C5.08636 5.77922 4.60973 6.33258 4.00659 6.33258ZM7.99336 6.33258C7.40062 6.33258 6.91457 5.77922 6.91457 5.10539C6.91457 4.43156 7.39026 3.87727 7.99336 3.87727C8.5965 3.87727 9.08254 4.43058 9.07218 5.10539C9.07218 5.77922 8.5965 6.33258 7.99336 6.33258Z" fill="#5865F2"/>
										</svg></span>
								</div>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										@rychillie
									</p>
									<p class="m-0 text-sm font-normal leading-5 text-neutral-800 dark:text-neutral-200">
										12,100 members
									</p>
								</div>
							</div>
							<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg></a>
					</div>
					<p class="m-0 w-full break-words text-base font-normal leading-6 text-neutral-800 dark:text-neutral-200">
						Not everything becomes a video. Some ideas need more context, so I use notes to publish articles, event analysis, engineering lessons, and reflections on technology, product, and community.
					</p>
					<div class="flex w-full flex-col gap-2 md:gap-2.5">
						<a class="group flex min-h-[88px] w-full items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 no-underline transition-colors hover:border-neutral-300 hover:bg-white dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950 dark:hover:border-neutral-700 dark:hover:bg-neutral-900/50" href="/notes/clawcon-belo-horizonte-2026/"><div class="flex min-w-0 flex-1 flex-col justify-center gap-1">
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										ClawCon Belo Horizonte presented by Hostinger
									</p>
									<p class="m-0 text-sm font-normal leading-5 text-neutral-800 dark:text-neutral-200">
										Participated · April 29, 2026
									</p>
								</div>
							</div>
							<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg></a>
						<a class="group flex min-h-[88px] w-full items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 no-underline transition-colors hover:border-neutral-300 hover:bg-white dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950 dark:hover:border-neutral-700 dark:hover:bg-neutral-900/50" href="/notes/build-in-public-meetup-2026/"><div class="flex min-w-0 flex-1 flex-col justify-center gap-1">
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										Build in Public Meetup 🥑💬
									</p>
									<p class="m-0 text-sm font-normal leading-5 text-neutral-800 dark:text-neutral-200">
										Participated · March 7, 2026
									</p>
								</div>
							</div>
							<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg></a>
						<a class="group flex min-h-[88px] w-full items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 no-underline transition-colors hover:border-neutral-300 hover:bg-white dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950 dark:hover:border-neutral-700 dark:hover:bg-neutral-900/50" href="/notes/getting-started-on-swift-by-creating-a-crud-with-vapor/"><div class="flex min-w-0 flex-1 flex-col justify-center gap-1">
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										Getting Started on Swift by creating a CRUD with Vapor
									</p>
									<p class="m-0 text-sm font-normal leading-5 text-neutral-800 dark:text-neutral-200">
										Article · October 18, 2024
									</p>
								</div>
							</div>
							<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg></a>
					</div>
					<p class="m-0 w-full break-words text-base font-normal leading-6 text-neutral-800 dark:text-neutral-200">
						Here are the latest notes I have published or am preparing.
					</p>
					<div class="flex w-full flex-wrap items-center gap-2">
						<div class="flex h-12 items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950">
							<div class="flex min-w-0 items-center gap-3">
								<svg aria-hidden="true" class="block h-6 w-[19.594px] shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 19.5938 24" xmlns="http://www.w3.org/2000/svg">
									<path d="M18.9437 8.1816C18.8045 8.2896 16.3469 9.6744 16.3469 12.7536C16.3469 16.3152 19.4741 17.5752 19.5677 17.6064C19.5533 17.6832 19.0709 19.332 17.9189 21.012C16.8917 22.4904 15.8189 23.9664 14.1869 23.9664C12.5549 23.9664 12.1349 23.0184 10.2509 23.0184C8.4149 23.0184 7.7621 23.9976 6.2693 23.9976C4.7765 23.9976 3.7349 22.6296 2.5373 20.9496C1.1501 18.9768 0.0292969 15.912 0.0292969 13.0032C0.0292969 8.3376 3.0629 5.8632 6.0485 5.8632C7.6349 5.8632 8.9573 6.9048 9.9533 6.9048C10.9013 6.9048 12.3797 5.8008 14.1845 5.8008C14.8685 5.8008 17.3261 5.8632 18.9437 8.1816ZM13.3277 3.8256C14.0741 2.94 14.6021 1.7112 14.6021 0.4824C14.6021 0.312 14.5877 0.1392 14.5565 0C13.3421 0.0456 11.8973 0.8088 11.0261 1.8192C10.3421 2.5968 9.7037 3.8256 9.7037 5.0712C9.7037 5.2584 9.7349 5.4456 9.7493 5.5056C9.8261 5.52 9.9509 5.5368 10.0757 5.5368C11.1653 5.5368 12.5357 4.8072 13.3277 3.8256Z" fill="currentColor"/>
								</svg>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										Apple
									</p>
								</div>
							</div>
						</div>
						<div class="flex h-12 items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950">
							<div class="flex min-w-0 items-center gap-3">
								<picture>
									<source sizes="24px" srcset="/static/images/chargeblast-48.webp 48w, /static/images/chargeblast-96.webp 96w" type="image/webp"/>
									<source sizes="24px" srcset="/static/images/chargeblast-48.png 48w, /static/images/chargeblast-96.png 96w" type="image/png"/>
									<img alt class="size-6 shrink-0 overflow-hidden rounded-[3px] object-cover" decoding="async" height="96" loading="lazy" sizes="24px" src="/static/images/chargeblast-96.png" srcset="/static/images/chargeblast-48.png 48w, /static/images/chargeblast-96.png 96w" width="96"/>
								</picture>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										Chargeblast
									</p>
								</div>
							</div>
						</div>
						<div class="flex h-12 items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950">
							<div class="flex min-w-0 items-center gap-3">
								<svg aria-hidden="true" class="block size-6 shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path clip-rule="evenodd" d="M13.827 3.52H17.43L24 20H20.397L13.827 3.52ZM6.569 3.52H10.336L16.906 20H13.232L11.889 16.539H5.017L3.673 19.999H0L6.57 3.522L6.569 3.52ZM10.701 13.479L8.453 7.687L6.205 13.48H10.7L10.701 13.479Z" fill="currentColor" fill-rule="evenodd"/>
								</svg>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										Anthropic
									</p>
								</div>
							</div>
						</div>
						<div class="flex h-12 items-center justify-between gap-3 rounded border border-neutral-200 bg-neutral-50 py-3 pl-3 pr-4 dark:rounded-lg dark:border-neutral-800 dark:bg-neutral-950">
							<div class="flex min-w-0 items-center gap-3">
								<svg aria-hidden="true" class="block h-6 w-[23.631px] shrink-0 text-neutral-950 dark:text-neutral-50" fill="none" focusable="false" viewBox="0 0 23.6308 24" xmlns="http://www.w3.org/2000/svg">
									<path d="M22.0776 9.80336C22.3455 8.99672 22.4381 8.1422 22.3494 7.29689C22.2606 6.45159 21.9925 5.63495 21.5629 4.90154C20.2562 2.62699 17.6299 1.45699 15.0649 2.00678C14.3547 1.2168 13.4492 0.62759 12.4392 0.298332C11.4292 -0.0309249 10.3504 -0.0886417 9.31106 0.130978C8.27173 0.350599 7.30848 0.839824 6.51805 1.54952C5.72762 2.25922 5.13784 3.1644 4.80795 4.17416C3.97512 4.34494 3.18834 4.69151 2.50018 5.19071C1.81202 5.68992 1.23835 6.33025 0.817487 7.06893C-0.503436 9.33988 -0.203528 12.2044 1.55899 14.1526C1.29014 14.9589 1.19656 15.8132 1.28452 16.6586C1.37247 17.5039 1.63992 18.3207 2.06899 19.0543C3.37736 21.3297 6.00536 22.4996 8.5717 21.9491C9.13595 22.5845 9.82924 23.0922 10.6053 23.4383C11.3814 23.7844 12.2223 23.961 13.0721 23.9563C15.7011 23.9586 18.0303 22.2614 18.8334 19.758C19.6661 19.5869 20.4527 19.2402 21.1408 18.7411C21.8289 18.2419 22.4026 17.6017 22.8237 16.8632C24.1287 14.5963 23.8276 11.7474 22.0776 9.80336ZM13.0721 22.3884C12.0227 22.3901 11.0062 22.0223 10.2008 21.3495L10.3425 21.2692L15.1121 18.5161C15.2308 18.4465 15.3293 18.3472 15.3981 18.228C15.4668 18.1087 15.5033 17.9737 15.5041 17.8361V11.1115L17.5206 12.2779C17.5407 12.2881 17.5547 12.3074 17.5583 12.3298V17.9022C17.5531 20.3777 15.5476 22.3832 13.0721 22.3884ZM3.42906 18.2706C2.90278 17.3618 2.71383 16.2966 2.89543 15.2623L3.03703 15.3474L7.81136 18.1005C7.92949 18.1699 8.06398 18.2064 8.20095 18.2064C8.33792 18.2064 8.4724 18.1699 8.59053 18.1005L14.4226 14.7382V17.0663C14.4221 17.0784 14.4188 17.0902 14.4131 17.1008C14.4074 17.1114 14.3993 17.1206 14.3896 17.1277L9.55866 19.9139C7.41186 21.1507 4.66912 20.4152 3.42906 18.2706ZM2.17284 7.88124C2.70277 6.96667 3.53921 6.2691 4.53407 5.91204V11.5788C4.53227 11.7157 4.56726 11.8506 4.63537 11.9694C4.70348 12.0882 4.80223 12.1865 4.9213 12.2541L10.7251 15.6023L8.7086 16.7687C8.69769 16.7745 8.68554 16.7775 8.6732 16.7775C8.66085 16.7775 8.6487 16.7745 8.6378 16.7687L3.81629 13.9874C1.67373 12.7455 0.938964 10.0049 2.17284 7.8577V7.88124ZM18.7389 11.73L12.9162 8.34878L14.928 7.18708C14.9389 7.18129 14.9511 7.17826 14.9635 7.17826C14.9758 7.17826 14.988 7.18129 14.9989 7.18708L19.8204 9.9733C20.5576 10.3987 21.1586 11.025 21.5532 11.7791C21.9478 12.5332 22.1198 13.384 22.0489 14.2322C21.9781 15.0804 21.6675 15.8909 21.1533 16.5692C20.6391 17.2474 19.9426 17.7654 19.1451 18.0627V12.3958C19.1409 12.2592 19.1013 12.1259 19.0301 12.0092C18.9589 11.8925 18.8585 11.7963 18.7389 11.73ZM20.7459 8.71247L20.6042 8.62736L15.8394 5.85065C15.7205 5.78092 15.5852 5.74415 15.4474 5.74415C15.3096 5.74415 15.1743 5.78092 15.0555 5.85065L9.22801 9.21305V6.88496C9.22677 6.87312 9.22875 6.86117 9.23374 6.85037C9.23872 6.83957 9.24654 6.83031 9.25635 6.82357L14.0779 4.04207C14.8168 3.61637 15.6617 3.40987 16.5137 3.44673C17.3657 3.48358 18.1896 3.76227 18.8891 4.25019C19.5885 4.7381 20.1345 5.41508 20.4634 6.20195C20.7922 6.98882 20.8901 7.85304 20.7458 8.69354V8.71247H20.7459ZM8.1278 12.8397L6.11133 11.678C6.10126 11.6719 6.09264 11.6637 6.0861 11.6539C6.07956 11.6441 6.07525 11.633 6.07349 11.6214V6.06324C6.07461 5.21058 6.31843 4.37586 6.77647 3.65667C7.2345 2.93748 7.8878 2.36355 8.66 2.00197C9.4322 1.64039 10.2914 1.50611 11.1371 1.61483C11.9828 1.72355 12.78 2.07078 13.4357 2.61591L13.294 2.69622L8.52444 5.4493C8.40575 5.51893 8.3072 5.61823 8.23849 5.73745C8.16977 5.85668 8.13325 5.99172 8.1325 6.12933L8.1278 12.8398V12.8397ZM9.2233 10.4785L11.8207 8.98154L14.4226 10.4786V13.4725L11.8301 14.9695L9.2281 13.4725L9.2233 10.4785Z" fill="currentColor"/>
								</svg>
								<div class="flex min-w-0 flex-col justify-center gap-1">
									<p class="m-0 break-words text-base font-bold leading-6 text-neutral-950 dark:text-neutral-50">
										OpenAI
									</p>
								</div>
							</div>
						</div>
					</div>
					<p class="m-0 w-full break-words text-base font-normal leading-6 text-neutral-800 dark:text-neutral-200">
						Day to day, my work sits across engineering, product, design, and AI tools. I like using technology as leverage to build better things, learn faster, and share the process.
					</p>
					<footer class="flex flex-wrap items-center gap-3 pt-2 md:gap-4">
						<a class="flex items-center gap-2 text-base font-normal leading-6 text-neutral-800 no-underline hover:text-[#9d2e29] dark:text-neutral-200 dark:hover:text-[#e05e58]" href="https://getsaga.dev/" rel="noopener noreferrer" target="_blank"><svg aria-hidden="true" class="block size-4 shrink-0" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg>
							<span>follow me</span></a>
						<a class="flex items-center gap-2 text-base font-normal leading-6 text-neutral-800 no-underline hover:text-[#9d2e29] dark:text-neutral-200 dark:hover:text-[#e05e58]" href="https://getsaga.dev/docs/" rel="noopener noreferrer" target="_blank"><svg aria-hidden="true" class="block size-4 shrink-0" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg>
							<span>get email updates</span></a>
						<a class="flex items-center gap-2 text-base font-normal leading-6 text-neutral-800 no-underline hover:text-[#9d2e29] dark:text-neutral-200 dark:hover:text-[#e05e58]" href="/pt-BR/"><svg aria-hidden="true" class="block size-4 shrink-0" fill="none" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 17V7H7M17 7L7 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							</svg>
							<span>Change to Portuguese</span></a>
					</footer>
				</div>
				<div class="pointer-events-none absolute bottom-0 left-1/2 h-36 w-full -translate-x-1/2 bg-gradient-to-b from-white/0 to-white dark:from-neutral-950/0 dark:to-neutral-950 md:max-w-[640px]">
				</div>
			</div>
		</main>
	<!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "75a17b02d75f40ea9d5d0c0a85f20e3c"}'></script><!-- Cloudflare Pages Analytics --></body>
</html>