--- title: Best daily.dev posts — June 2021 | daily.dev description: The most upvoted daily.dev posts from June 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/daily/best-of/2021/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/daily/best-of/2021/06 og:type: website og:site_name: daily.dev og:title: Best daily.dev posts — June 2021 | daily.dev og:description: The most upvoted daily.dev posts from June 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of daily.dev — June 2021 1. 1 [](https://daily.dev/posts/tailwind-css-from-zero-to-hero---extracting-components-and-setting-up-for-production--6vnktek2 "Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production") Article daily.dev · 5y Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production This is the fourth and probably the final piece in the Tailwind Zero to Hero series. This time we will be using some really useful concepts like using components, and getting our entire “Plant-a-holic” project ready for production. The concept is similar to what you might have used in frontend libraries or frameworks like React or Angular. 28 4 2. 2 [](https://daily.dev/posts/react-18-next-js-11-ddd-face-api---picks-185-yo1xheofd "React 18, Next.js 11, DDD, face-api - Picks 185") Article daily.dev · 5y React 18, Next.js 11, DDD, face-api - Picks 185 Next.js 11 was announced last week in the Next.js Conf. The new version is packed with some brilliant features. Learn how to detect faces in your web application using nothing but JavaScript. Use the browser's bookmarks to execute common JavaScript snippets on the current web page. 10+ Useful React UI Libraries For Your Project. 13 2 3. 3 [](https://daily.dev/posts/tailwind-css-from-zero-to-hero---responsiveness-and-custom-utilities-lewxag0ur "Tailwind CSS from Zero to Hero - Responsiveness and Custom Utilities") Article daily.dev · 5y Tailwind CSS from Zero to Hero - Responsiveness and Custom Utilities This is the third article in the Tailwind CSS series. We will be using the demo from the previous article to make all things happen. We are also going to do a bit of clean-up of our HTML code with the help of some utilities. As always there will be plenty of explanations and code examples along the way. 14 1 [See all daily.dev archives](/sources/daily/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/daily/best-of/2021/06#page","url":"https://daily.dev/sources/daily/best-of/2021/06","name":"Best daily.dev Posts — June 2021","description":"The most upvoted daily.dev posts from June 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/daily/best-of/2021/06#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/tailwind-css-from-zero-to-hero---extracting-components-and-setting-up-for-production--6vnktek2","name":"Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/react-18-next-js-11-ddd-face-api---picks-185-yo1xheofd","name":"React 18, Next.js 11, DDD, face-api - Picks 185"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/tailwind-css-from-zero-to-hero---responsiveness-and-custom-utilities-lewxag0ur","name":"Tailwind CSS from Zero to Hero - Responsiveness and Custom Utilities"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"daily.dev","item":"https://daily.dev/sources/daily"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/daily/best-of"},{"@type":"ListItem","position":5,"name":"June 2021"}]}]} ```