{"id":24233,"date":"2025-06-16T18:15:15","date_gmt":"2025-06-16T15:15:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/"},"modified":"2025-06-16T18:15:15","modified_gmt":"2025-06-16T15:15:15","slug":"tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/","title":{"rendered":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim"},"content":{"rendered":"

<\/p>\n

Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim<\/p>\n

Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework’\u00fc olan Tailwind CSS’yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.<\/p>\n

Fikirden Ger\u00e7ekle\u015fmeye: \u015eablon Geli\u015ftirme S\u00fcreci<\/h2>\n

\u00d6ncelikle, hedef kitlemi belirledim. Genellikle yeni ba\u015flayan veya k\u00fc\u00e7\u00fck projeler i\u00e7in portf\u00f6y arayan geli\u015ftiriciler olaca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcnd\u00fcm. B\u00f6ylece, \u015fablonun temiz, modern ve \u00f6zelle\u015ftirilebilir olmas\u0131na \u00f6zen g\u00f6sterdim. Ard\u0131ndan, Tailwind CSS’nin sa\u011flad\u0131\u011f\u0131 kolayl\u0131klar sayesinde h\u0131zl\u0131 bir \u015fekilde prototip olu\u015fturdum. Bu a\u015famada en \u00e7ok zaman alan k\u0131s\u0131m, \u015fablonun responsive (duyarl\u0131) yap\u0131s\u0131n\u0131 sa\u011flamakt\u0131.<\/b> Farkl\u0131 ekran boyutlar\u0131nda d\u00fczg\u00fcn g\u00f6r\u00fcnt\u00fclenmesini sa\u011flamak i\u00e7in bolca test yapt\u0131m. \u015eablonun temel yap\u0131s\u0131n\u0131 olu\u015fturduktan sonra, \u00e7e\u015fitli \u00f6zelle\u015ftirme se\u00e7enekleri ekledim. \u00d6rne\u011fin, farkl\u0131 renk temalar\u0131, yaz\u0131 tipi se\u00e7enekleri ve animasyonlar ekledim.<\/p>\n

Sat\u0131\u015f Stratejisi ve Pazarlama<\/h2>\n

\u015eablonu geli\u015ftirdikten sonra, sat\u0131\u015f stratejisi belirlemem gerekti. \u0130lk olarak, kendi web sitemde<\/a> \u015fablonu tan\u0131tt\u0131m. Ayr\u0131ca, Product Hunt gibi platformlar\u0131 ve \u00e7e\u015fitli sosyal medya kanallar\u0131n\u0131 kulland\u0131m. A\u00e7\u0131k\u00e7as\u0131, sosyal medyan\u0131n g\u00fcc\u00fcn\u00fc g\u00f6z ard\u0131 etmemek gerekiyor.<\/b> Do\u011fru i\u00e7erik pazarlama stratejisi ile potansiyel m\u00fc\u015fterilere ula\u015fmak m\u00fcmk\u00fcn. Ba\u015flang\u0131\u00e7ta k\u00fc\u00e7\u00fck \u00e7apl\u0131 reklamlar verdim, ancak organik ula\u015f\u0131m\u0131n daha etkili oldu\u011funu fark ettim.<\/p>\n

Kar\u015f\u0131la\u015f\u0131lan Zorluklar ve \u00c7\u00f6z\u00fcmler<\/h2>\n

Geli\u015ftirme s\u00fcrecinde baz\u0131 zorluklarla kar\u015f\u0131la\u015ft\u0131m. Bunlardan biri, \u015fablonu farkl\u0131 taray\u0131c\u0131larda uyumlu hale getirmekti. Baz\u0131 taray\u0131c\u0131larda beklenmedik davran\u0131\u015flar g\u00f6sterdi\u011fini g\u00f6rd\u00fcm ve bu sorunlar\u0131 gidermek i\u00e7in \u00e7ok zaman harcad\u0131m. Bir di\u011fer zorluk ise, m\u00fc\u015fteri geri bildirimlerini y\u00f6netmekti. Her m\u00fc\u015fterinin farkl\u0131 ihtiya\u00e7lar\u0131 vard\u0131 ve bu ihtiya\u00e7lar\u0131 kar\u015f\u0131lamak i\u00e7in \u015fablonda d\u00fczenlemeler yapmam gerekiyordu. Bu s\u00fcre\u00e7te sab\u0131rl\u0131 olmak ve her m\u00fc\u015fteri ile etkili ileti\u015fim kurman\u0131n \u00f6nemini anlad\u0131m.<\/p>\n

\u00d6\u011frendiklerim ve \u0130pu\u00e7lar\u0131<\/h2>\n

Bu projeden bir\u00e7ok \u015fey \u00f6\u011frendim. \u00d6ncelikle, Tailwind CSS’nin ne kadar g\u00fc\u00e7l\u00fc bir ara\u00e7 oldu\u011funu bir kez daha g\u00f6rd\u00fcm. H\u0131zl\u0131 prototipleme ve responsive tasar\u0131m olu\u015fturma konusunda inan\u0131lmaz bir kolayl\u0131k sa\u011fl\u0131yor. Ayr\u0131ca, m\u00fc\u015fteri ileti\u015fiminin ve geri bildirimlerinin \u00f6nemini kavrad\u0131m. Ba\u015far\u0131l\u0131 bir \u00fcr\u00fcn geli\u015ftirmek i\u00e7in m\u00fc\u015fterilerin ihtiya\u00e7lar\u0131n\u0131 anlamak ve onlara uygun \u00e7\u00f6z\u00fcmler sunmak \u015fart.<\/b> Son olarak, sab\u0131r ve azmin \u00f6nemini \u00f6\u011frendim. Ba\u015flang\u0131\u00e7ta bekledi\u011fim kadar h\u0131zl\u0131 bir ba\u015far\u0131 elde edemedim, ancak pes etmeden \u00e7al\u0131\u015fmaya devam etmenin kar\u015f\u0131l\u0131\u011f\u0131n\u0131 ald\u0131m.<\/p>\n

Umar\u0131m bu deneyim payla\u015f\u0131m\u0131, sizlerin kendi projelerinize ba\u015flaman\u0131z i\u00e7in ilham kayna\u011f\u0131 olur. Herhangi bir sorunuz varsa, bana ula\u015fmaktan \u00e7ekinmeyin! Bol \u015fans!<\/p>\n

\n<div class="bg-gray-100 p-4 rounded shadow-md">\n  <h2 class="text-xl font-bold mb-2">Tailwind CSS ile Olu\u015fturulmu\u015f \u015eablon<\/h2>\n  <p>Bu basit bir \u00f6rnektir.<\/p>\n<\/div>\n<\/code><\/pre>\n
#Etiketler: Tailwind CSS, portf\u00f6y \u015fablonu, web geli\u015ftirme, freelance, gelir elde etme, online sat\u0131\u015f, developer, programc\u0131, deneyim payla\u015f\u0131m\u0131, kodlama, tasar\u0131m, responsive tasar\u0131m, m\u00fc\u015fteri ileti\u015fimi,  Product Hunt,  sosyal medya pazarlamas\u0131
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-24233","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nTailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim<\/title>\n<meta name=\"description\" content=\"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim\" \/>\n<meta property=\"og:description\" content=\"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-16T15:15:15+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim\",\"datePublished\":\"2025-06-16T15:15:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\"},\"wordCount\":603,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\",\"name\":\"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-06-16T15:15:15+00:00\",\"description\":\"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim","description":"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/","og_locale":"tr_TR","og_type":"article","og_title":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim","og_description":"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-06-16T15:15:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim","datePublished":"2025-06-16T15:15:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/"},"wordCount":603,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/","url":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/","name":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m - \u00d6\u011frendiklerim","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-06-16T15:15:15+00:00","description":"Merhaba, Fatih Soysal burada. Uzun s\u00fcredir web geli\u015ftirmeyle ilgileniyorum ve kendi portf\u00f6y\u00fcm\u00fc olu\u015fturman\u0131n yan\u0131 s\u0131ra, ba\u015fkalar\u0131na da yard\u0131mc\u0131 olmak i\u00e7in bir portf\u00f6y \u015fablonu olu\u015fturmaya karar verdim. Bu \u015fablonu geli\u015ftirmek i\u00e7in pop\u00fcler CSS framework'\u00fc olan Tailwind CSS'yi kulland\u0131m. Bu makalede, bu s\u00fcreci ad\u0131m ad\u0131m anlatarak, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, elde etti\u011fim ba\u015far\u0131lar\u0131 ve en \u00f6nemlisi, bu s\u00fcre\u00e7te \u00f6\u011frendiklerimi sizinle payla\u015faca\u011f\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/tailwind-ile-ilk-gelistirici-portfoy-sablonumu-olusturdum-ve-sattim-ogrendiklerim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tailwind ile \u0130lk Geli\u015ftirici Portf\u00f6y \u015eablonumu Olu\u015fturdum ve Satt\u0131m – \u00d6\u011frendiklerim"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/24233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=24233"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/24233\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=24233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=24233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=24233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}