{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Next.js'te Tailwind CSS'in Temel \u00d6zelliklerini Ke\u015ffetmek","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Q2EApx5Eai\"><a href=\"https:\/\/fatihsoysal.com\/blog\/next-jste-tailwind-cssin-temel-ozelliklerini-kesfetmek\/\">Next.js&#8217;te Tailwind CSS&#8217;in Temel \u00d6zelliklerini Ke\u015ffetmek<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/next-jste-tailwind-cssin-temel-ozelliklerini-kesfetmek\/embed\/#?secret=Q2EApx5Eai\" width=\"600\" height=\"338\" title=\"&#8220;Next.js&#8217;te Tailwind CSS&#8217;in Temel \u00d6zelliklerini Ke\u015ffetmek&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"Q2EApx5Eai\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Fatih Soysal olarak, bu makalede Next.js framework'\u00fc ile birlikte kullan\u0131lan g\u00fc\u00e7l\u00fc CSS framework'\u00fc Tailwind CSS'in temel \u00f6zelliklerini detayl\u0131 bir \u015fekilde inceleyece\u011fiz. Tailwind, \u00f6nceden tan\u0131mlanm\u0131\u015f bir dizi CSS s\u0131n\u0131f\u0131 sunarak h\u0131zl\u0131 ve verimli bir \u015fekilde stilleme yapman\u0131za olanak tan\u0131r. Bu sayede, zaman al\u0131c\u0131 CSS yazma i\u015flemlerinden kurtulur ve daha h\u0131zl\u0131 geli\u015ftirme s\u00fcreci ya\u015fars\u0131n\u0131z. \u00d6ncelikle, Next.js'te Tailwind'i nas\u0131l kuraca\u011f\u0131m\u0131zdan ba\u015flayal\u0131m. Ard\u0131ndan, en yayg\u0131n kullan\u0131lan \u00f6zelliklerini \u00f6rneklerle ele alaca\u011f\u0131z."}