<!DOCTYPE html><html lang="tr"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap-index.xml"><title>Ana Sayfa | Okan Barlas</title><meta name="description" content="Okan Barlas - Teknoloji, girişimcilik, gezi ve yaşam üzerine yazılar"><link rel="canonical" href="https://okanbarlas.com/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:url" content="https://okanbarlas.com/"><meta property="og:title" content="Ana Sayfa | Okan Barlas"><meta property="og:description" content="Okan Barlas - Teknoloji, girişimcilik, gezi ve yaşam üzerine yazılar"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Ana Sayfa | Okan Barlas"><meta name="twitter:description" content="Okan Barlas - Teknoloji, girişimcilik, gezi ve yaşam üzerine yazılar"><!-- 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;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/basinda.DvAWWsj_.css"></head> <body class="min-h-screen flex flex-col"> <header class="border-b border-[var(--color-border)]"> <nav class="max-w-4xl mx-auto px-4 sm:px-6 py-4 flex items-center justify-between"> <a href="/" class="text-xl font-bold tracking-tight hover:text-[var(--color-accent)] transition-colors">
Okan Barlas
</a> <!-- Mobile menu button --> <button id="menu-toggle" class="sm:hidden p-2 rounded-md hover:bg-[var(--color-bg-alt)]" aria-label="Menü"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> <!-- Desktop nav --> <ul class="hidden sm:flex items-center gap-6 text-sm font-medium"> <li> <a href="/" class="hover:text-[var(--color-accent)] transition-colors text-[var(--color-accent)]"> Ana Sayfa </a> </li><li> <a href="/blog" class="hover:text-[var(--color-accent)] transition-colors"> Blog </a> </li><li> <a href="/hakkimda" class="hover:text-[var(--color-accent)] transition-colors"> Hakkımda </a> </li><li> <a href="/basinda" class="hover:text-[var(--color-accent)] transition-colors"> Basında </a> </li><li> <a href="/iletisim" class="hover:text-[var(--color-accent)] transition-colors"> İletişim </a> </li> </ul> </nav> <!-- Mobile nav --> <ul id="mobile-menu" class="hidden sm:hidden border-t border-[var(--color-border)] px-4 py-3 space-y-2 text-sm font-medium"> <li> <a href="/" class="block py-1 hover:text-[var(--color-accent)] transition-colors text-[var(--color-accent)]"> Ana Sayfa </a> </li><li> <a href="/blog" class="block py-1 hover:text-[var(--color-accent)] transition-colors"> Blog </a> </li><li> <a href="/hakkimda" class="block py-1 hover:text-[var(--color-accent)] transition-colors"> Hakkımda </a> </li><li> <a href="/basinda" class="block py-1 hover:text-[var(--color-accent)] transition-colors"> Basında </a> </li><li> <a href="/iletisim" class="block py-1 hover:text-[var(--color-accent)] transition-colors"> İletişim </a> </li> </ul> </header> <script type="module">const e=document.getElementById("menu-toggle"),t=document.getElementById("mobile-menu");e?.addEventListener("click",()=>{t?.classList.toggle("hidden")});</script> <main class="flex-1 w-full max-w-4xl mx-auto px-4 sm:px-6 py-8">  <section class="mb-12"> <h1 class="text-3xl sm:text-4xl font-bold mb-3">Merhaba, ben Okan.</h1> <p class="text-lg text-[var(--color-muted)] max-w-2xl">
Teknoloji, girişimcilik, gezi ve yaşam üzerine yazıyorum. YouTube kanalımda da düzenli olarak içerik üretiyorum.
</p> </section> <section> <div class="flex items-center justify-between mb-6"> <h2 class="text-xl font-semibold">Son Yazılar</h2> <a href="/blog" class="text-sm text-[var(--color-accent)] hover:underline">Tümünü gör &rarr;</a> </div> <div class="grid gap-4 sm:grid-cols-2"> <article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/firat-demirel-ile-icerik-ureticiligi-ve-yazarlik-hakkinda-sohbet-tanidik-hayatla" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/vmM71nNIcrk/mqdefault.jpg" alt="Fırat Demirel ile İçerik Üreticiliği ve Yazarlık Hakkında Sohbet | Tanıdık Hayatlar" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2024-02-18" class="text-[var(--color-muted)]">17 Şubat 2024</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Fırat Demirel ile İçerik Üreticiliği ve Yazarlık Hakkında Sohbet | Tanıdık Hayatlar </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Tanıdık Hayatlar için içerik üretmeyeli çok olmuştu. Uzun araya tam da bu konunun uzmanı ile olan yeni bölüm ile dönüş yaptım. Teknoloji alanında yıllardır i...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/youtubedan-uyari-aldim-6-ayda-video-yuklemezseniz-ne-olur" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/Ltrcw0XHdwA/mqdefault.jpg" alt="YouTube'dan Uyarı Aldım ! 6 Ayda Video Yüklemezseniz Ne Olur ?" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> YouTube </span> <time datetime="2023-10-30" class="text-[var(--color-muted)]">29 Ekim 2023</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> YouTube&#39;dan Uyarı Aldım ! 6 Ayda Video Yüklemezseniz Ne Olur ? </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Dev içerik diye manşetler atasım geldi ancak yok öyle bir şey. Sağolsun YouTube uyardı kendimize geldik. Çok uzun zaman olmuş. Gerçekten nasıl geçti anlamadı...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/nasil-freelancer-olunur-tanidik-hayatlar" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/hTTotz8ZfiQ/mqdefault.jpg" alt="Nasıl Freelancer Olunur ? | Tanıdık Hayatlar" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2023-05-17" class="text-[var(--color-muted)]">16 Mayıs 2023</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Nasıl Freelancer Olunur ? | Tanıdık Hayatlar </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Uzun bir aradan sonra herkese Merhaba! Bu videoda konuğum Mehmet Turan. Kendisi başarılı işler yapan bir Freelancer. Eğer kendi işinizi yapmak, evden çalışma...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/avusturalyada-yasam-tanidik-hayatlar" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/ytKgTSU2asE/mqdefault.jpg" alt="Avusturalya'da Yaşam | Tanıdık Hayatlar" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2023-01-18" class="text-[var(--color-muted)]">17 Ocak 2023</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Avusturalya&#39;da Yaşam | Tanıdık Hayatlar </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Bu gün &quot;Tanıdık Hayatlar&quot; serimizde konuğumuz dünyanın öbür ucundan, Avusturalya&#39;dan Murat. Yaklaşık 4 sene öncesinde verdiği karar doğrult...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/cinden-urun-tedarik-etmenin-farkli-yontemleri" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/YocIyJY_eNc/mqdefault.jpg" alt="Çin'den Ürün Tedarik Etmenin Farklı Yöntemleri" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> E-ticaret </span> <time datetime="2023-01-11" class="text-[var(--color-muted)]">10 Ocak 2023</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Çin&#39;den Ürün Tedarik Etmenin Farklı Yöntemleri </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Çin’den tedarik denince kuşkusuz ilk akla gelen kaynak Alıbaba. Peki Çin’den kaliteli ve sorunsuz tedarik için başka hangi kanalları kullanabiliriz ? Çin&amp;#82...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/amazonda-basarili-lansman-nasil-yapilir" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/O82KkZD8yxo/mqdefault.jpg" alt="Amazon'da Başarılı Lansman Nasıl Yapılır ?" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> E-ticaret </span> <time datetime="2023-01-06" class="text-[var(--color-muted)]">5 Ocak 2023</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Amazon&#39;da Başarılı Lansman Nasıl Yapılır ? </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Uzun bir süredir ara verdiğim e-ticaret ve amazon videolarıma, geçtiğimiz günlerde tokat gibi gelen bir mail sayesinde kaldığımız yerden devam ediyorum. Bura...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/amerikada-youtube-kanalin-varsa-olmazsa-olmaz-icerikler-amerikada-yasam-kilavuzu" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/78tVbm6lJZI/mqdefault.jpg" alt="Amerika'da YouTube Kanalın Varsa Olmazsa Olmaz İçerikler | Amerika'da Yaşam Kılavuzu" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Amerika&#39;da Yaşam </span> <time datetime="2022-12-31" class="text-[var(--color-muted)]">30 Aralık 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Amerika&#39;da YouTube Kanalın Varsa Olmazsa Olmaz İçerikler | Amerika&#39;da Yaşam Kılavuzu </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Amerika&#39;da yaşam serimize bir takım konuların alt yapısını yapmak amaçlı yönlendirdiğim doğrudur :) Amerika&#39;da YouTube kanalın varsa (ki yoksa ac...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/sap-teknolojileri-alaninda-nasil-uzmanlasilir-tanidik-hayatlar-14" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/88eFtS4GNcg/mqdefault.jpg" alt="SAP Teknolojileri Alanında Nasıl Uzmanlaşılır ? | Tanıdık Hayatlar #14" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2022-12-14" class="text-[var(--color-muted)]">13 Aralık 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> SAP Teknolojileri Alanında Nasıl Uzmanlaşılır ? | Tanıdık Hayatlar #14 </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Konuğum Onur ile bu videomda SAP (SAP, Almanya&#39;da kurulmuş bir şirket tarafından geliştirilen bir işletme yönetim yazılımıdır. SAP, birçok farklı işlet...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/kahraman-ugurlu-ile-teknoloji-gundemi-tanidik-hayatlar-13" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/z8xQqhhCj3A/mqdefault.jpg" alt="Kahraman Uğurlu ile Teknoloji Gündemi | Tanıdık Hayatlar #13" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2022-12-06" class="text-[var(--color-muted)]">5 Aralık 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Kahraman Uğurlu ile Teknoloji Gündemi | Tanıdık Hayatlar #13 </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Uzun yıllardır teknoloji alanında içerik üreten diğer bir arkadaşım Kahraman ile gündemi değerlendirdiğimiz guzel bir sohbet oldu. Son zamanların en popüler ...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/burak-bayburtlu-ile-blockchain-nft-ve-hobi-olarak-saat-tanidik-hayatlar-12" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/62LX-WrEvd8/mqdefault.jpg" alt="Burak Bayburtlu ile Blockchain / NFT ve Hobi Olarak Saat | Tanıdık Hayatlar #12" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2022-12-01" class="text-[var(--color-muted)]">30 Kasım 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Burak Bayburtlu ile Blockchain / NFT ve Hobi Olarak Saat | Tanıdık Hayatlar #12 </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Burak Bayburtlu&#39;yu internetin gediklilerinden olarak tanımlarsam sanırım hata etmiş olmam. Günümüzde popüler olan bir çok sosyal mecranın henüz açılışı...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/belcikada-yasam-kahve-kulturu-tanidik-hayatlar-11" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/ZcR1t55Gj80/mqdefault.jpg" alt="Belçika'da Yaşam | Kahve Kültürü | Tanıdık Hayatlar #11" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2022-11-04" class="text-[var(--color-muted)]">3 Kasım 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Belçika&#39;da Yaşam | Kahve Kültürü | Tanıdık Hayatlar #11 </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Yakin zamanda Belçika&#39;ya yerleşen Cem ile bu geçiş süreci hakkında sohbet ettik. Belçika&#39;da yaşam nasıl konusunda meraklarınızı gidermeye çalıştı...</p> </div> </a> </article><article class="group border border-[var(--color-border)] rounded-lg overflow-hidden hover:border-[var(--color-accent)] transition-colors"> <a href="/blog/yasemin-sungur-ile-harekete-gec-tanidik-hayatlar-10" class="block"> <div class="aspect-video overflow-hidden bg-[var(--color-bg-alt)]"> <img src="https://img.youtube.com/vi/MlxR6VcOpHU/mqdefault.jpg" alt="Yasemin Sungur İle Harekete Geç | Tanıdık Hayatlar #10" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-4"> <div class="flex items-center gap-2 mb-2 text-xs"> <span class="px-2 py-0.5 bg-[var(--color-bg-alt)] rounded-full text-[var(--color-muted)] font-medium"> Tanıdık Hayatlar </span> <time datetime="2022-10-17" class="text-[var(--color-muted)]">16 Ekim 2022</time> </div> <h2 class="text-lg font-semibold group-hover:text-[var(--color-accent)] transition-colors leading-snug mb-2"> Yasemin Sungur İle Harekete Geç | Tanıdık Hayatlar #10 </h2> <p class="text-sm text-[var(--color-muted)] line-clamp-2">Bir çoğunuzun öncesinde tanıdığına emin olduğum bir konuğum var bu bölümde : Yasemin Sungur. Bir çok şapkası olan Yasemin Hocam ile çok keyifli ve ufuk açıcı...</p> </div> </a> </article> </div> </section>  </main> <footer class="border-t border-[var(--color-border)] mt-auto"> <div class="max-w-4xl mx-auto px-4 sm:px-6 py-8"> <div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-[var(--color-muted)]"> <p>&copy; 2026 Okan Barlas. Tüm hakları saklıdır.</p> <div class="flex items-center gap-4"> <a href="https://www.youtube.com/@okanbarlas" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--color-accent)] transition-colors">
YouTube
</a> <a href="https://www.linkedin.com/in/okanbarlas/" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--color-accent)] transition-colors">
LinkedIn
</a> <a href="https://www.instagram.com/okanbarlas/" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--color-accent)] transition-colors">
Instagram
</a> </div> </div> </div> </footer> </body></html>