https://jagoandevops.web.id/tags/ecs/Recent content in ECS on Jagoan DevopsHugo -- gohugo.ioid© 2026 Jagoan DevopsTue, 06 Jan 2026 00:00:00 +0000https://jagoandevops.web.id/posts/ecs-ecosystem/Tue, 06 Jan 2026 00:00:00 +0000https://jagoandevops.web.id/posts/ecs-ecosystem/<p>AWS menyediakan banyak layanan untuk membangun ekosistem <em>containerized application</em> di cloud. Opsi <em>deployment</em> disediakan dari yang paling mudah di App Runner, hingga yang paling kompleks di EKS. Bahkan, untuk CI/CD saja, disediakan CodePipeline, CodeBuild, CodeDeploy, dan CodeCatalyst. Tapi pada kenyataannya, tidak semua project butuh orkestrasi yang kompleks. Kadang, ECS ditambah dengan CodeBuild <em>buildspec.yaml custom</em> saja sudah lebih dari cukup untuk menangani seluruh <em>lifecycle</em> containermu.</p>https://jagoandevops.web.id/posts/serverless-container/Mon, 29 Sep 2025 00:00:00 +0000https://jagoandevops.web.id/posts/serverless-container/<p>Terkadang, aplikasi yang seharusnya di<em>deploy</em> dengan infrastruktur yang simple, malah didapati dengan <em>over-engineering</em>. Tidak semua aplikasi, khususnya container, butuh cluster Kubernetes yang kompleks. Beberapa hanya butuh infrastruktur yang simple namun scalable. Bagaimana ya, implementasinya di AWS?</p> <p><em>Artikel ini adalah rangkuman dari presentasi POROS Filkom Study Group 2025.</em> <em>Berikut slide presentasi yang digunakan:</em></p> <div class="width-patch"></div> <div id="carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" class="relative" style="container-type: inline-size;" data-twe-carousel-init data-twe-ride="carousel" data-twe-interval="0"> <div class="absolute right-0 left-0 z-2 mx-[15%] mb-10 flex list-none justify-center p-0" style="top: calc(100cqi * 9 / 16 - 2.5rem);" data-twe-carousel-indicators> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="0" data-twe-carousel-active aria-current="true" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 0"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="1" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 1"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="2" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 2"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="3" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 3"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="4" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 4"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="5" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 5"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="6" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 6"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="7" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 7"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="8" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 8"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="9" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 9"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="10" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 10"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="11" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 11"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="12" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 12"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="13" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 13"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="14" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 14"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="15" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 15"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="16" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 16"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="17" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 17"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="18" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 18"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="19" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 19"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="20" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 20"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="21" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 21"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="22" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 22"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="23" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 23"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="24" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 24"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="25" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 25"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="26" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 26"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="27" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 27"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="28" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 28"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="29" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 29"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="30" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 30"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="31" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 31"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="32" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 32"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="33" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 33"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="34" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 34"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="35" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 35"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="36" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 36"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="37" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 37"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="38" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 38"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="39" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 39"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="40" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 40"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="41" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 41"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="42" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 42"></button> <button type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide-to="43" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 43"></button> </div> <div class="relative w-full after:clear-both after:block after:content-['']" style="overflow-x: clip; overflow-y: visible;"> <div class="relative float-left -mr-[100%] w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" data-twe-carousel-active> <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-01.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 1"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-02.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 2"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-03.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 3"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-04.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 4"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-05.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 5"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-06.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 6"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-07.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 7"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-08.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 8"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-09.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 9"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-10.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 10"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-11.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 11"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-12.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 12"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-13.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 13"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-14.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 14"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-15.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 15"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-16.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 16"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-17.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 17"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-18.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 18"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-19.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 19"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-20.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 20"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-21.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 21"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-22.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 22"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-23.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 23"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-24.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 24"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-25.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 25"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-26.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 26"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-27.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 27"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-28.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 28"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-29.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 29"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-30.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 30"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-31.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 31"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-32.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 32"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-33.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 33"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-34.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 34"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-35.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 35"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-36.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 36"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-37.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 37"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-38.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 38"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-39.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 39"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-40.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 40"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-41.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 41"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-42.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 42"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-43.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 43"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 0ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://jagoandevops.web.id/posts/serverless-container/slides/slide-45.png" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 44"> </div> </div> </div> <button class="absolute top-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" style="height: calc(100cqi * 9 / 16);" type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide="prev"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Previous</span > </button> <button class="absolute top-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" style="height: calc(100cqi * 9 / 16);" type="button" data-twe-target="#carousel-9ebe31631d9c1dc5d74d16b5737187c0-1778498887902073022" data-twe-slide="next"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Next</span > </button> </div>