[{"data":1,"prerenderedAt":677},["ShallowReactive",2],{"post-\u002Ftr\u002Ftailwind-css-just-in-time-modu":3},{"page":4,"translation":511,"nav":528,"related":658,"random":666},{"id":5,"title":6,"body":7,"categories":509,"category":511,"date":512,"description":513,"draft":514,"extension":515,"image":516,"kind":511,"lang":92,"meta":517,"navigation":518,"path":519,"readingTime":352,"seo":520,"slug":521,"stem":522,"tags":523,"translationKey":521,"type":510,"updated":526,"__hash__":527},"postsTr\u002Ftr\u002Ftailwind-css-just-in-time-modu.md","Tailwind CSS Just-in-Time (JIT) Modu Nedir?",{"type":8,"value":9,"toc":503},"minimark",[10,68,77,80,85,188,190,193,200,203,211,213,218,266,268,272,288,298,408,410,414,421,473,478,499],[11,12,13,21],"blockquote",{},[14,15,16,17],"p",{},"💡 ",[18,19,20],"strong",{},"Özet (TL;DR):",[22,23,24,31,50],"ul",{},[25,26,27,30],"li",{},[18,28,29],{},"Just-in-Time (JIT) Nedir?:"," Kullanılmayan sınıfları çıktıktan sonra silmek (Purge) yerine, HTML\u002Fşablon dosyalarınızı tarayarak sadece kullandığınız sınıfları derleme anında (on-the-fly) oluşturan Tailwind CSS derleme motorudur.",[25,32,33,36,37,41,42,45,46,49],{},[18,34,35],{},"Avantajları:"," 800ms'in altındaki derleme süreleri, ",[38,39,40],"code",{},"top-[-333px]"," gibi sınırsız özel (arbitrary) değer kullanımı ve tüm varyantların (",[38,43,44],{},"active",", ",[38,47,48],{},"disabled"," vb.) varsayılan olarak açık olması.",[25,51,52,55,56,59,60,63,64,67],{},[18,53,54],{},"Tailwind v3+ Uyarısı:"," Tailwind v3.0 ve sonrasında JIT motoru varsayılan hale geldiğinden ",[38,57,58],{},"mode: 'jit'"," tanımına gerek kalmamıştır. Ayrıca ",[38,61,62],{},"purge"," seçeneği ",[38,65,66],{},"content"," olarak güncellenmiştir.",[14,69,70,71,76],{},"Bu yazı Tailwind CSS'i bildiğiniz ve kullandığınız düşünülerek yazılmıştır. Eğer Tailwind CSS'i ilk defa duyduysanız öncelikle ",[72,73,75],"a",{"href":74},"\u002Ftr\u002Fmerhaba-tailwind-css","Tailwind CSS Nedir?"," başlıklı yazımı okumanızı tavsiye ederim.",[78,79],"hr",{},[81,82,84],"h3",{"id":83},"tailwind-css-klasik-purge-vs-just-in-time-jit-modu","Tailwind CSS: Klasik (Purge) vs. Just-in-Time (JIT) Modu",[86,87,88,105],"table",{},[89,90,91],"thead",{},[92,93,94,99,102],"tr",{},[95,96,98],"th",{"align":97},"left","Özellik",[95,100,101],{"align":97},"Klasik Mod (v2 Öncesi)",[95,103,104],{"align":97},"Just-in-Time (JIT) Modu",[106,107,108,122,135,148,169],"tbody",{},[92,109,110,116,119],{},[111,112,113],"td",{"align":97},[18,114,115],{},"Çalışma Prensibi",[111,117,118],{"align":97},"Tüm CSS havuzunu oluşturur, kullanılmayanları siler",[111,120,121],{"align":97},"Sadece kullanılan sınıfları anında oluşturir",[92,123,124,129,132],{},[111,125,126],{"align":97},[18,127,128],{},"Geliştirme Dosya Boyutu",[111,130,131],{"align":97},"Devasa boyutta CSS (genelde 3 MB - 8 MB arası)",[111,133,134],{"align":97},"Üretim boyutuyla aynı (genelde \u003C 10 KB)",[92,136,137,142,145],{},[111,138,139],{"align":97},[18,140,141],{},"Derleme Süresi (Dev)",[111,143,144],{"align":97},"Yavaş (3 ila 10 saniye arası)",[111,146,147],{"align":97},"Son derece hızlı (80ms - 800ms arası)",[92,149,150,155,158],{},[111,151,152],{"align":97},[18,153,154],{},"Özel Değerler (Arbitrary)",[111,156,157],{"align":97},"Desteklenmez (Yapılandırmada tanımlanmalı)",[111,159,160,161,164,165,168],{"align":97},"Desteklenir (örn: ",[38,162,163],{},"w-[47%]"," veya ",[38,166,167],{},"bg-[#1da1f2]",")",[92,170,171,176,179],{},[111,172,173],{"align":97},[18,174,175],{},"Varyant Desteği",[111,177,178],{"align":97},"Yapılandırmada açılan sınırlı varyantlar",[111,180,181,182,45,185,187],{"align":97},"Tüm varyantlar (",[38,183,184],{},"focus-visible",[38,186,48],{}," vb.) açık",[78,189],{},[14,191,192],{},"Tailwind CSS'in 'native purge css' desteği, uzun süre kendisini öne çıkaran bir özellik oldu. Geliştirme ortamında tüm bileşenler dahil edildiğinde devasa boyutlarda olan CSS çıktısı, ön yüzde kullanılmayan sınıfların CSS'ten temizlenmesi ile oldukça küçük hale geliyordu.",[14,194,195,196,199],{},"Tailwind 2.1 sürümü ile birlikte bu özelliği bir adım öteye götürerek ",[18,197,198],{},"Just-in-Time (Gerektiğinde)"," modunu devreye soktu. Artık tamamı oluşturulan CSS'ten gereksiz sınıfları ayıklamak yerine, daha oluşum aşamasında sadece kullanılan sınıfları derleyerek inanılmaz bir performans artışı ve çok kısa derleme süreleri sağlamaya başladı.",[14,201,202],{},"Ben Tailwind JIT modunu HoneyWind adındaki eski blog temamı geliştirirken aktif olarak kullandım ve sağladığı avantajlara hayran kaldım. Ufacık değişiklikte onlarca saniye derleme süresi beklemek yerine JIT modun hızı geliştirme deneyimini tamamen değiştiriyor.",[11,204,205],{},[14,206,16,207,210],{},[18,208,209],{},"Mimarideki Değişim:"," 2022 yılında bu blogu Next.js ile geliştirirken Tailwind CSS kullanmaya devam ettim. Günümüzde ise bu site Nuxt 3 altyapısına taşınmış olup, Tailwind CSS ile tamamen statik olarak derlenip Cloudflare Pages üzerinde yayınlanmaktadır.",[78,212],{},[214,215,217],"h2",{"id":216},"tailwind-css-jit-modu-neler-sağlıyor","Tailwind CSS JIT Modu Neler Sağlıyor?",[22,219,220,226,239,254,260],{},[25,221,222,225],{},[18,223,224],{},"Çok Hızlı Derleme Süreleri:"," Tailwind CLI derleyicisi ile 3-8 saniye arasında süren derleme süreleri Webpack ile 30-45 saniyelere çıkıyordu. JIT modu, kullandığınız derleyici araçlardan bağımsız olarak bu süreyi 800ms'lere kadar düşürüyor. (Her seferinde sıfırdan derleme yapmıyorsak 3ms'lere kadar inebiliyor.)",[25,227,228,231,232,45,234,45,236,238],{},[18,229,230],{},"Tüm Varyantlar Emrinizde:"," Normal şartlarda ",[38,233,184],{},[38,235,44],{},[38,237,48],{}," gibi sınıflar açık olarak gelmiyor, kullanmak istiyorsak yapılandırma dosyası içerisinde belirtmemiz gerekiyordu. JIT modu ile dosya boyutunu küçük ve derleme süresini kısa tutmak için yapılan bu kısıtlamalara gerek kalmıyor.",[25,240,241,244,245,248,249,164,251,253],{},[18,242,243],{},"Sınırsız CSS Sınıfı (Arbitrary Values):"," Bazen aşırı spesifik CSS ihtiyaçlarımız oluyor (örn: ",[38,246,247],{},"top: -333px",") ve Tailwind içerisinde varsayılan olarak olmadığı için özel sınıflar belirlemek zorunda kalıyorduk. Just-in-Time modunda tüm stiller ihtiyaca göre anlık oluşturulduğundan bu sınırlamadan kurtuluyor ve ",[38,250,40],{},[38,252,167],{}," gibi tanımları doğrudan HTML içerisinde kullanabiliyoruz.",[25,255,256,259],{},[18,257,258],{},"Geliştirme ve Üretim Ortamında Aynı CSS:"," Geliştirme ortamında da sadece gereken stiller oluşturulduğu için, üretimde daha küçük CSS elde etmek için 'purge' çalıştırma mecburiyeti ortadan kalkıyor.",[25,261,262,265],{},[18,263,264],{},"Geliştirme Ortamı İçin Yüksek Tarayıcı Performansı:"," Geliştirme sürümünüz üretim sürümü gibi küçük boyutlu (birkaç KB) olduğu için, tarayıcı geliştirme ortamında da megabaytlarca CSS dosyasını derlemek ve uygulamak zorunda kalmıyor. Bu durum tarayıcı geliştirici araçlarının (DevTools) performansını doğrudan yükseltiyor.",[78,267],{},[214,269,271],{"id":270},"jit-modu-nasıl-etkinleştirilir","JIT Modu Nasıl Etkinleştirilir?",[11,273,274],{},[14,275,276,277,280,281,283,284,63,286,67],{},"⚠️ ",[18,278,279],{},"Önemli Güncelleme (Tailwind v3+):"," Tailwind CSS v3.0 ve sonraki sürümlerinde JIT motoru varsayılan (default) derleyici haline gelmiştir. Bu nedenle modern projelerde ",[38,282,58],{}," yazmanıza gerek yoktur. Ayrıca ",[38,285,62],{},[38,287,66],{},[14,289,290,291,294,295,297],{},"Eğer hala Tailwind v2.x kullanıyorsanız, Just-in-Time modunu etkinleştirmek için ",[38,292,293],{},"tailwind.config.js"," dosyanıza ",[38,296,58],{}," satırını eklemeniz ve şablon dosyalarınızın yollarını belirtmeniz gerekir:",[299,300,305],"pre",{"className":301,"code":302,"language":303,"meta":304,"style":304},"language-javascript shiki shiki-themes github-light github-dark","\u002F\u002F tailwind.config.js (Tailwind v2.x için)\nmodule.exports = {\n  mode: 'jit',\n  purge: [\n    '.\u002Fpublic\u002F**\u002F*.html',\n    '.\u002Fsrc\u002F**\u002F*.{js,jsx,ts,tsx,vue}',\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n","javascript","",[38,306,307,316,337,350,356,364,372,378,384,390,396,402],{"__ignoreMap":304},[308,309,312],"span",{"class":310,"line":311},"line",1,[308,313,315],{"class":314},"sJ8bj","\u002F\u002F tailwind.config.js (Tailwind v2.x için)\n",[308,317,319,323,327,330,334],{"class":310,"line":318},2,[308,320,322],{"class":321},"sj4cs","module",[308,324,326],{"class":325},"sVt8B",".",[308,328,329],{"class":321},"exports",[308,331,333],{"class":332},"szBVR"," =",[308,335,336],{"class":325}," {\n",[308,338,340,343,347],{"class":310,"line":339},3,[308,341,342],{"class":325},"  mode: ",[308,344,346],{"class":345},"sZZnC","'jit'",[308,348,349],{"class":325},",\n",[308,351,353],{"class":310,"line":352},4,[308,354,355],{"class":325},"  purge: [\n",[308,357,359,362],{"class":310,"line":358},5,[308,360,361],{"class":345},"    '.\u002Fpublic\u002F**\u002F*.html'",[308,363,349],{"class":325},[308,365,367,370],{"class":310,"line":366},6,[308,368,369],{"class":345},"    '.\u002Fsrc\u002F**\u002F*.{js,jsx,ts,tsx,vue}'",[308,371,349],{"class":325},[308,373,375],{"class":310,"line":374},7,[308,376,377],{"class":325},"  ],\n",[308,379,381],{"class":310,"line":380},8,[308,382,383],{"class":325},"  theme: {\n",[308,385,387],{"class":310,"line":386},9,[308,388,389],{"class":325},"    extend: {},\n",[308,391,393],{"class":310,"line":392},10,[308,394,395],{"class":325},"  },\n",[308,397,399],{"class":310,"line":398},11,[308,400,401],{"class":325},"  plugins: [],\n",[308,403,405],{"class":310,"line":404},12,[308,406,407],{"class":325},"}\n",[78,409],{},[214,411,413],{"id":412},"jit-watch-modu-nasıl-etkinleştirilir","JIT Watch Modu Nasıl Etkinleştirilir?",[14,415,416,417,420],{},"Tema dosyalarınız değiştiğinde CSS'in yeniden oluşturulmasını sağlamak için postcss watch modunu kullanabilirsiniz. ",[38,418,419],{},"package.json"," dosyanızı aşağıdaki şekilde düzenleyerek postcss watch modunda çalıştırabilirsiniz:",[299,422,426],{"className":423,"code":424,"language":425,"meta":304,"style":304},"language-json shiki shiki-themes github-light github-dark","{\n  \"scripts\": {\n    \"dev\": \"TAILWIND_MODE=watch postcss -i tailwind.css -o build.css --watch\",\n    \"build\": \"postcss -i tailwind.css -o build.css\"\n  }\n}\n","json",[38,427,428,433,441,454,464,469],{"__ignoreMap":304},[308,429,430],{"class":310,"line":311},[308,431,432],{"class":325},"{\n",[308,434,435,438],{"class":310,"line":318},[308,436,437],{"class":321},"  \"scripts\"",[308,439,440],{"class":325},": {\n",[308,442,443,446,449,452],{"class":310,"line":339},[308,444,445],{"class":321},"    \"dev\"",[308,447,448],{"class":325},": ",[308,450,451],{"class":345},"\"TAILWIND_MODE=watch postcss -i tailwind.css -o build.css --watch\"",[308,453,349],{"class":325},[308,455,456,459,461],{"class":310,"line":352},[308,457,458],{"class":321},"    \"build\"",[308,460,448],{"class":325},[308,462,463],{"class":345},"\"postcss -i tailwind.css -o build.css\"\n",[308,465,466],{"class":310,"line":358},[308,467,468],{"class":325},"  }\n",[308,470,471],{"class":310,"line":366},[308,472,407],{"class":325},[474,475,477],"h5",{"id":476},"bu-yazıda-yapılan-değişiklikler","Bu Yazıda Yapılan Değişiklikler",[22,479,480,496],{},[25,481,482,483,486,487,489,490,492,493,495],{},"21.06.2026: ",[38,484,485],{},"top[-333px]"," şeklindeki hatalı arbitrary value sözdizimi, araya tire eklenerek ",[38,488,40],{}," şeklinde düzeltildi. Tailwind v3.0 ile birlikte JIT'in varsayılan olduğu ve ",[38,491,62],{}," yerine ",[38,494,66],{}," kullanıldığı uyarısı eklendi. İmla ve yazım hataları düzeltildi. Karşılaştırma tablosu ile özet bloğu eklendi. Kapak görseli telif satırları kaldırıldı.",[25,497,498],{},"11.05.2022: Yazı özeti düzenlendi. İçerikte ufak bir düzeltme (Düzenleme 1) yapıldı.",[500,501,502],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":304,"searchDepth":318,"depth":318,"links":504},[505,506,507,508],{"id":83,"depth":339,"text":84},{"id":216,"depth":318,"text":217},{"id":270,"depth":318,"text":271},{"id":412,"depth":318,"text":413},[510],"technical",null,"2021-07-23","Tailwind CSS Just In Time (JIT) modu nedir, nasıl çalışır? Derleme sürelerini milisaniyelere indiren JIT motorunun kurulumu ve özellikleri.",false,"md","\u002Fimages\u002Fhero\u002Ftailwind-jit.avif",{},true,"\u002Ftr\u002Ftailwind-css-just-in-time-modu",{"title":6,"description":513},"tailwind-css-just-in-time-modu","tr\u002Ftailwind-css-just-in-time-modu",[524,525],"css","tailwind-css","2026-06-21","MZshTV6Ieedr1c7WOJDWbKaZDo-cdVHhZmbAaZXNVqM",{"prev":529,"next":532,"others":535,"lucky":656,"readingTime":352},{"path":530,"title":531},"\u002Ftr\u002Fprogralama-ipucu-yoda-gosterimi","Yoda Koşulları (Yoda Conditions) Nedir? Programlama İpucu",{"path":533,"title":534},"\u002Ftr\u002Fyeni-tema-honeywind","Yeni WordPress Temam Honeywind: Tailwind CSS ve Minimalizm",[536,539,542,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587,590,593,596,599,602,605,608,611,614,617,620,623,626,629,632,635,638,641,644,647,650,653],{"path":537,"title":538},"\u002Ftr\u002Fgo-ile-websockets-websocket-upgrader-nedir","Go ile WebSockets: Upgrader Nedir?",{"path":540,"title":541},"\u002Ftr\u002Fearly-return-erken-donus-nedir","Early Return \u002F Erken Dönüş nedir?",{"path":543,"title":544},"\u002Ftr\u002Frest-api-dokumantasyonu-nasil-yapilir","REST Api Dokümantasyonu Nasıl Oluşturulur?",{"path":546,"title":547},"\u002Ftr\u002Fes7-nedir-ecmascript-2016-nedir","ES7 Nedir? ECMAScript 2016 Nedir?",{"path":549,"title":550},"\u002Ftr\u002Fnostalji-ibibik-online","Nostalji: İbibik Online (1998'den Bir Web Macerası)",{"path":552,"title":553},"\u002Ftr\u002Ftasarim-kaliplari-design-patterns-factory-method-nedir","Factory Method Tasarım Deseni Nedir?",{"path":555,"title":556},"\u002Ftr\u002Fbridge-tasarim-deseni-nedir","Bridge Tasarım Deseni Nedir?",{"path":558,"title":559},"\u002Ftr\u002Fwindows-10-golang-kurulumu","Windows 10 ve 11'de Golang Kurulumu ve GOPATH Yapılandırması",{"path":561,"title":562},"\u002Ftr\u002Frabbitmq-nedir","RabbitMQ Nedir?",{"path":564,"title":565},"\u002Ftr\u002Fdigital-oceanda-vps-kurulumu","DigitalOcean'da VPS (Droplet) Kurulumu: Adım Adım Rehber",{"path":567,"title":568},"\u002Ftr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler","ECMAScript Nedir? Bilinmesi Gerekenler...",{"path":570,"title":571},"\u002Ftr\u002Fes9-nedir-ecmascript-2018-nedir","ES9 Nedir? ECMAScript 2018 Nedir?",{"path":573,"title":574},"\u002Ftr\u002Fwordpress-yonetici-sifresini-wp-cli-kullanarak-sifirlama","WordPress Yönetici Şifresini WP-CLI Kullanarak Sıfırlama",{"path":576,"title":577},"\u002Ftr\u002Fgo-veri-tipleri-string-integer-float-complex-boolean-ve-array","Go Veri Tipleri - String, Integer, Float, Complex, Boolean ve Array",{"path":579,"title":580},"\u002Ftr\u002Fcomposite-tasarim-deseni-nedir","Composite Tasarım Deseni Nedir?",{"path":582,"title":583},"\u002Ftr\u002Fes11-nedir-ecmascript-2020-nedir","ES11 Nedir? ECMAScript 2020 Nedir?",{"path":585,"title":586},"\u002Ftr\u002Fbuilder-tasarim-deseni-nedir","Builder Tasarım Deseni Nedir?",{"path":588,"title":589},"\u002Ftr\u002Fiterator-tasarim-deseni-nedir","Iterator Tasarım Deseni Nedir?",{"path":591,"title":592},"\u002Ftr\u002Fes13-nedir-ecmascript-2022-nedir","ES13 nedir? ECMAScript 2022 nedir?",{"path":594,"title":595},"\u002Ftr\u002Fubuntu-24-04-uzerinde-cyberpanel-kurulumu","Ubuntu 24.04 LTS ve 22.04 LTS Üzerinde CyberPanel Kurulumu",{"path":597,"title":598},"\u002Ftr\u002Fgoda-iota-nedir-iota-ne-zaman-ve-nerede-kullanilir","Go'da iota Nedir? iota Ne Zaman ve Nerede Kullanılır?",{"path":600,"title":601},"\u002Ftr\u002Fvue-js-nedir","Vue.js Nedir? Yeni Başlayanlar İçin Rehber",{"path":603,"title":604},"\u002Ftr\u002Fself-hosted-api-gateway-nasil-kurulur-kapsamli-rehber","Self-Hosted API Gateway Nasıl Kurulur? Kapsamlı Rehber",{"path":606,"title":607},"\u002Ftr\u002Fdecorator-tasarim-deseni-nedir","Decorator Tasarım Deseni Nedir?",{"path":609,"title":610},"\u002Ftr\u002Fdesign-patterns-tasarim-desenleri-nedir","Design Patterns \u002F Tasarım Desenleri nedir?",{"path":612,"title":613},"\u002Ftr\u002Fdocker-nedir","Docker Nedir?",{"path":615,"title":616},"\u002Ftr\u002Fdocker-ile-mongodb-kurulumu","Docker ile MongoDB Kurulumu",{"path":618,"title":619},"\u002Ftr\u002Ffacade-tasarim-deseni-nedir","Facade Tasarım Deseni Nedir?",{"path":621,"title":622},"\u002Ftr\u002Fchain-of-responsibility-deseni-nedir","Chain of Responsibility Deseni Nedir?",{"path":624,"title":625},"\u002Ftr\u002Fekran-filtresi-mavi-isik-filtresi-flux","Gözlere dost, mavi ışığa düşman ekran filtresi f.lux",{"path":627,"title":628},"\u002Ftr\u002Ftemiz-moduler-ve-yeniden-kullanilabilir-php-kodu-yazma-rehberi","PHP'de Temiz, Modüler ve Yeniden Kullanılabilir Kod Yazma Rehberi",{"path":630,"title":631},"\u002Ftr\u002Fcommand-tasarim-deseni-nedir","Command Tasarım Deseni Nedir?",{"path":633,"title":634},"\u002Ftr\u002Fadapter-tasarim-deseni-nedir","Adapter Tasarım Deseni Nedir?",{"path":636,"title":637},"\u002Ftr\u002Fgo-veri-tipleri-struct","Go Veri Tipleri: Struct",{"path":639,"title":640},"\u002Ftr\u002Fgo-veri-tipleri-map","Go Veri Tipleri - Map",{"path":642,"title":643},"\u002Ftr\u002Fprototype-tasarim-deseni-nedir","Prototype Tasarım Deseni Nedir?",{"path":645,"title":646},"\u002Ftr\u002Fdocker-ve-portainer-kurulumu","Docker ve Portainer Kurulumu",{"path":648,"title":649},"\u002Ftr\u002Fubuntu-guncellemesi-sonrasi-cyberpanele-ulasilamama-sorunlarini-giderme","Ubuntu Güncellemesi Sonrası CyberPanel'e Ulaşılamama Sorunlarını Giderme",{"path":651,"title":652},"\u002Ftr\u002Fes8-nedir-ecmascript-2017-nedir","ES8 Nedir? ECMAScript 2017 Nedir?",{"path":654,"title":655},"\u002Ftr\u002Fphalcon-frameworkun-gelecegi","Phalcon Framework'ün Geleceği: Bir Devrin Sonu",{"path":74,"title":657},"Merhaba Tailwind CSS",[659,661,665],{"path":74,"title":657,"date":660},"2020-12-08",{"path":662,"title":663,"date":664},"\u002Ftr\u002Ftailwind-css-nerede-kullanilir-tailwind-css-nerede-kullanilmaz","Tailwind CSS Nerede Kullanılır? Tailwind CSS Nerede Kullanılmaz?","2021-09-25",{"path":533,"title":534,"date":512},[667,671,675],{"path":668,"title":669,"date":670},"\u002Ftr\u002Fphp-generator-ve-iterator-farki","PHP'de Generator ve Iterator Arasındaki Temel Farklar","2026-06-20",{"path":672,"title":673,"date":674},"\u002Ftr\u002Fjwt-guvenli-mi-guvenlik-acigi-olusturmayin","JWT Güvenli Derken Güvenlik Açığı Oluşturmayın","2021-01-08",{"path":648,"title":649,"date":676},"2023-10-14",1782142068891]