Skip to content
blog.rmchaves
Toggle dark theme
open menu
close menu/title> <path d="M0 0h24v24H0z" fill="none"></path> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> </svg> </button> </div> <div id="main-navigation-links" class="w-full x-uncloak-md md:flex flex-grow md:flex-grow-0 md:items-center md:w-auto px-6 -mx-4 border-t mt-3 pt-3 md:border-none md:mt-0 md:py-0 border-gray-200 dark:border-gray-700" :class="navigationOpen ? '' : 'hidden'" x-cloak> <ul aria-label="Navigation links" class="md:flex-grow md:flex justify-end"> <li class="md:mx-2"> <a href="./" aria-current="page" class="block my-2 md:my-0 md:inline-block py-1 text-gray-700 hover:text-gray-900 dark:text-gray-100 border-l-4 border-indigo-500 md:border-none font-medium -ml-6 pl-5 md:ml-0 md:pl-0 bg-gray-100 dark:bg-body-dark md:bg-transparent dark:md:bg-transparent">/index</a> </li> </ul> </div> </nav> <section> <main class="max-w-3xl mx-auto py-8 px-4"> <h1 class="text-4xl font-bold mb-4 text-center dark:text-text-primary text-text-light font-mono">/index</h1> <div class="border-b-2 dark:border-dark-surface"></div> <ul class="space-y-4"> <article class="mt-4 mb-8" itemscope itemtype="https://schema.org/Article"> <meta itemprop="identifier" content="an-introduction-to-hashi-corp-terraform"> <meta itemprop="url" content="blog.rmchaves.com/posts/an-introduction-to-hashi-corp-terraform"> <header> <a href="posts/an-introduction-to-hashi-corp-terraform" class="block w-fit"> <h2 class="text-2xl font-bold text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-white transition-colors duration-75"> An Introduction to HashiCorp Terraform </h2> </a> </header> <footer> <span class="opacity-75"> <span itemprop="dateCreated datePublished">Apr 16th, 2025</span> </span> </footer> <section role="doc-abstract" aria-label="Excerpt"> <p class="leading-relaxed my-1"> Terraform is an Infrastructure as Code tool that allows users to manage and version control remote resources. Learning it is essential for anyone wanting to save time in their DevOps workflow. </p> </section> <footer> <a href="posts/an-introduction-to-hashi-corp-terraform" class="text-indigo-500 dark:text-accent font-medium font-mono"> Read post </a> </footer> </article> </ul> </main> </section> <footer aria-label="Page footer" class="flex py-4 px-6 w-full text-center mt-auto dark:bg-body-dark border-t-2 dark:border-dark-surface"> <div class="prose dark:prose-invert text-center mx-auto"> <p><a href="https://github.com/rmchaves04">github</a></p> </div> <a href="#app" aria-label="Go to top of page" class="float-right"> <button title="Scroll to top"> <svg width="1.5rem" height="1.5rem" role="presentation" class="fill-current text-gray-500 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" /> </svg> </button> </a> </footer> <script defer src="media/app.js?v=193cddf0008948834d6c443cca212826"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.10.3/dist/cdn.min.js" integrity="sha256-gOkV4d9/FmMNEkjOzVlyM2eNAWSUXisT+1RbMTTIgXI=" crossorigin="anonymous"></script> <script> function toggleTheme() { if (localStorage.getItem('color-theme') === 'dark' || !('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.classList.remove("dark"); localStorage.setItem('color-theme', 'light'); document.getElementById('meta-color-scheme').setAttribute('content', 'light'); } else { document.documentElement.classList.add("dark"); localStorage.setItem('color-theme', 'dark'); document.getElementById('meta-color-scheme').setAttribute('content', 'dark'); } } </script> <template x-if="document.documentElement.classList.contains('dark')"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/atom-one-dark.min.css"> </template> <template x-if="!document.documentElement.classList.contains('dark')"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/atom-one-light.min.css"> </template> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/highlight.min.js"></script> <script>hljs.highlightAll();</script> <script> document.addEventListener('theme-toggled', () => { document.querySelectorAll('pre code').forEach((block) => { hljs.highlightElement(block); }); }); </script> </body> </html>