--- title: Best Community Picks posts — December 2024 | daily.dev description: The most upvoted Community Picks posts from December 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2024/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2024/12 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — December 2024 | daily.dev og:description: The most upvoted Community Picks posts from December 2024, 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 Community Picks — December 2024 1. 1 [](https://daily.dev/posts/learn-sql-while-solving-crimes-sql-police-department-fzejwrwjv "Learn SQL while solving crimes! SQL Police Department") Article Community Picks · 2y Learn SQL while solving crimes! SQL Police Department Structured Query Language (SQL) is a powerful language used to access and manipulate data in tables. Key operations include selecting all or specific columns, filtering and sorting rows, eliminating duplicates, and using conditional statements to refine data queries. Understanding these basics enables effective data management and retrieval. 2.6K 114 2. 2 [](https://daily.dev/posts/200-tailwind-css-resources-tools-tutorials-and-more-yoqcyrmjt "200+ Tailwind CSS Resources: Tools, Tutorials, and More") Article Community Picks · 2y 200+ Tailwind CSS Resources: Tools, Tutorials, and More Tailwind CSS is a utility-first framework that emphasizes rapid styling, customization, and responsive design. This comprehensive guide offers over 200 Tailwind resources, including essential tools, component libraries, plugins, tutorials, optimization tips, and more. From installation and configuration to complex integrations and debuggings, such resources aim to streamline development and boost productivity. Additionally, it showcases various learning materials, templates, and community support channels to help developers efficiently build stunning websites with Tailwind CSS. 492 20 3. 3 [](https://daily.dev/posts/how-i-make-learning-new-things-feel-easy-and-avoid-burnout-2ibsbq9gz "How I Make Learning New Things Feel Easy and Avoid Burnout") Article Community Picks · 2y How I Make Learning New Things Feel Easy and Avoid Burnout Mastering new skills doesn't require 10,000 hours; instead, deliberate daily practice of about 40 minutes can make you proficient in a few weeks. Focus on forming a consistent routine, starting small, deconstructing the skill into manageable parts, learning enough to correct mistakes, and studying in distraction-free environments. These strategies help maintain motivation and avoid burnout while learning complex subjects. 441 17 4. 4 [](https://daily.dev/posts/css-layout-generator-y1exp0uus "CSS Layout Generator") Article Community Picks · 2y CSS Layout Generator Explore how a CSS Layout Generator can simplify the process of creating flexible and responsive web layouts without manual coding. Such tools help designers and developers quickly generate CSS code for various layout configurations. 417 33 5. 5 [](https://daily.dev/posts/react-ui-component-library-aybvprqif "React UI Component Library") Article Community Picks · 2y React UI Component Library PrimeReact offers a comprehensive suite of customizable, feature-rich UI components tailored for React applications. It includes 80+ components, supports multiple CSS libraries such as TailwindCSS, and complies with WCAG 2.0 for accessibility. PrimeReact also provides exceptional support and a large collection of pre-designed UI blocks for efficient app development. The library is designed with responsiveness and Typescript support in mind. 297 14 6. 6 [](https://daily.dev/posts/high-performance-images-2024-guide-kp1qjkrsc "High Performance Images: 2024 Guide") Article Community Picks · 2y High Performance Images: 2024 Guide Learn how to optimize images for faster website performance in 2024 by choosing the right format, adjusting resolution, using lossy compression, embedding images, and implementing lazy-loading. These techniques improve Core Web Vitals, reduce load times, and enhance user experience. 249 16 7. 7 [](https://daily.dev/posts/a-brief-history-of-work-time-and-overwork--8fw1woxfp "A Brief History of Work Time (and Overwork)") Article Community Picks · 2y A Brief History of Work Time (and Overwork) The post discusses how the concept of overwork, particularly in the tech industry, has evolved into a glorified norm, often to the detriment of employees' mental health and work-life balance. It criticizes the 'hustle culture' that promotes constant work as a necessity for success and compares it to historical labor exploitation. The post also mentions tools by Toggl that aim to make work less overwhelming. 221 14 8. 8 [](https://daily.dev/posts/lightweight-charts-library-tradingview-jmydha395 "Lightweight Charts™ library — TradingView") Article Community Picks · 2y Lightweight Charts™ library — TradingView TradingView's Lightweight Charts library offers a compact, feature-rich solution for interactive, high-performance charts. At just 45 KB, it uses HTML5 Canvas technology and supports streaming updates for custom data. The library is open-source, developer-friendly, and accessible, and is trusted by millions of traders and companies. It provides an easy-to-integrate charting solution with flexible styling options and is designed to be responsive and mobile-friendly. 213 9. 9 [](https://daily.dev/posts/creating-a-secure-node-js-rest-api-objr0epln "Creating a Secure Node.js REST API") Article Community Picks · 2y Creating a Secure Node.js REST API Explore how to create a secure REST API in Node.js with detailed instructions on setting up the back end using Node.js, Express.js, and Mongoose. Learn about the essential CRUD operations, user authentication with JSON web tokens, and security best practices to protect your API. 202 5 10. 10 [](https://daily.dev/posts/building-in-app-notifications-in-next-js-aybr6mzsu "Building In-App Notifications in Next.js") Article Community Picks · 2y Building In-App Notifications in Next.js In-app notifications are essential for keeping users engaged and informed about important updates and activities. This guide walks you through implementing a real-time notification system using Next.js and Stream, covering steps like setting up a Stream application, creating feed groups, building a Next.js app, and designing the notification interface. The tutorial also explains generating dynamic user tokens and deploying the application to Vercel. 196 11. 11 [](https://daily.dev/posts/the-7-levels-of-programming-dcbh96pfm "The 7 Levels of Programming") Video Community Picks · 2y The 7 Levels of Programming This post humorously details the seven levels of programming, from a beginner using Scratch to an elite coder. It starts with basic web design, progresses through game development, university and professional level programming, culminating in an elite coder who lives and breathes code. The narrative highlights common pitfalls and the progression of skills at each level. 159 8 12. 12 [](https://daily.dev/posts/domain-digger-dns-whois-lookup-more-0uakljq49 "Domain Digger: DNS, WHOIS lookup & more") Article Community Picks · 2y Domain Digger: DNS, WHOIS lookup & more Domain Digger is a web-based tool that provides detailed insights into DNS records, WHOIS data, SSL/TLS certificate history, and more. It's user-friendly and offers functionalities similar to command-line tools like dig and nslookup without caching results, ensuring the latest information. It's particularly useful for digital marketers, SEO experts, and web developers for verifying DNS configurations and monitoring record propagation. 157 3 13. 13 [](https://daily.dev/posts/anonymous-employee-survey-f42k5okmg "Anonymous Employee Survey") Article Community Picks · 2y Anonymous Employee Survey Join over 16,000 subscribers who receive the latest comics and insights weekly by signing up for the email newsletter. 153 3 14. 14 [](https://daily.dev/posts/how-to-land-a-job-in-the-u-s-as-an-international-candidate-3zmq0xzyl "How to land a job in the U.S. as an international candidate") Article Community Picks · 2y How to land a job in the U.S. as an international candidate Mert, a Senior Recruiter at Duolingo with extensive international experience, shares tips for international candidates entering the American job market. He emphasizes the importance of personalizing outreach, tailoring your resume to be concise and relevant, and mastering the STAR technique for interviews. Building relationships and seeking feedback from your network are also highlighted as crucial steps. Duolingo’s resources can aid in improving communication skills for the job search. 152 15. 15 [](https://daily.dev/posts/welcome-to-langflow-fsazy4dsb "Welcome to Langflow") Article Community Picks · 2y Welcome to Langflow Langflow is an open-source, Python-powered framework designed for building multi-agent and Retrieval Augmented Generation (RAG) applications. It features an intuitive visual flow builder that allows developers to create complex AI workflows with ease. Suitable for both seasoned AI developers and beginners, Langflow supports a wide range of applications like intelligent chatbots, document analysis systems, and content generation. Join the community to share projects and seek support. 131 2 16. 16 [](https://daily.dev/posts/free-react-tailwind-admin-dashboard-template-kbljtu7zq "Free React Tailwind Admin Dashboard Template") Article Community Picks · 2y Free React Tailwind Admin Dashboard Template TailAdmin React is a free, open-source admin dashboard template built with React, Tailwind CSS, and TypeScript. It features a comprehensive toolkit of components and pages for developing modern, data-driven backends, dashboards, and admin panels. The template offers four different dashboard variations tailored for analytics, e-commerce, marketing, and CRM applications. It supports dark/light mode, has extensive customization options, provides lifetime free updates, and includes seamless Webpack and Vite support. 128 4 17. 17 [](https://daily.dev/posts/justd-tot3gqebr "Justd") Article Community Picks · 2y Justd Justd is a collection of accessible React UI components based on React Aria Components, designed for easy customization and integration into projects. It includes built-in Tailwind CSS for seamless styling. Various starter kits for frameworks like Next.js, Laravel, and Remix are provided. The project is open-source and available on GitHub for contributions. 124 7 18. 18 [](https://daily.dev/posts/chakra-ui-qmq7jqi2o "Chakra UI") Article Community Picks · 2y Chakra UI Chakra UI offers accessible React components to build high-quality web apps and design systems, compatible with Next.js. It streamlines design with semantic tokens, customizable typography, and component variants. Highly praised for its built-in dark mode, accessibility, and time-saving features, Chakra UI boasts significant community support and adoption. 124 7 19. 19 [](https://daily.dev/posts/dicedb-is-now-open-source-7qo886del "DiceDB is now open source") Article Community Picks · 2y DiceDB is now open source DiceDB, a high-performance caching solution, has transitioned to an open-source model under the AGPL 3.0 license. This change embodies their commitment to innovation, transparency, and community collaboration, while ensuring fairness in the use and development of their software. The development roadmap includes key features such as multi-tenancy, horizontal scalability, and enhanced query capabilities to support AI-driven applications. 114 1 20. 20 [](https://daily.dev/posts/why-php-8-has-high-performance-xnajpwxtj "Why PHP 8 Has High Performance") Article Community Picks · 2y Why PHP 8 Has High Performance PHP 8 significantly improves performance with the introduction of the JIT compiler, optimized function calls and array operations, new data structures such as the Red-Black Tree, and fixes to internal implementation details. These enhancements lead to better execution speed and memory management, making web application development more efficient. 110 4 21. 21 [](https://daily.dev/posts/illustration-generator-evlwj1mlh "illustration Generator") Article Community Picks · 2y illustration Generator An AI illustration generator offers professionals a tool to create consistent illustrations without requiring a credit card. It's suitable for designers, founders, and marketers, and can produce various visuals with fine-tuning options based on uploaded example images. Over 50K illustrations have been generated using this platform, which allows exporting in SVG and PNG formats and operates on a credit-based payment system. 102 6 22. 22 [](https://daily.dev/posts/golang-1-24-is-looking-seriously-awesome-sqw2rhp2m "Golang 1.24 is looking seriously awesome") Article Community Picks · 2y Golang 1.24 is looking seriously awesome Golang 1.24 introduces several notable features and improvements: a 2-3% performance boost, a new weak pointer implementation, support for post-quantum cryptography in \`crypto/tls\`, the \`omitzero\` tag for better zero value handling in \`encoding/json\`, and a \`tool\` directive in \`go.mod\`. The release also enhances the testing package with context support and introduces an experimental \`testing/synctest\` package for concurrent code testing. These updates promise better memory usage, enhanced security, and improved developer experience. 99 23. 23 [](https://daily.dev/posts/how-do-i-deploy-my-laravel-applications-using-github-action--vsnahjgxr "How do I deploy my Laravel applications using Github Action?") Article Community Picks · 2y How do I deploy my Laravel applications using Github Action? Deploying Laravel applications can be automated using GitHub Actions to streamline the process. This guide provides step-by-step instructions to set up a GitHub Actions pipeline, including the necessary YAML and bash scripts. It explains the creation of a \`.github/workflows\` directory, the setup of variables for repository secrets, and the jobs for building, deploying, and cleaning up a decoy branch. The post offers solutions for handling deployments on low-end cPanel servers and emphasizes the importance of resource optimization. 99 5 24. 24 [](https://daily.dev/posts/building-a-discord-clone-using-next-js-and-tailwind-dcy8tr7yf "Building a Discord Clone Using Next.js and Tailwind") Article Community Picks · 2y Building a Discord Clone Using Next.js and Tailwind This series of blog posts guides you through building a clone of the Discord app using Next.js, Stream's Chat SDK, and Stream's Video SDK. The project is broken down into five parts: setup, server list creation, channel list customization, message list styling, and adding audio/video calling features. The posts provide detailed instructions and the full code is available on GitHub. 99 1 25. 25 [](https://daily.dev/posts/leerob-next-saas-starter-get-started-quickly-with-next-js-postgres-stripe-and-shadcn-ui--3j96nd21y "leerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.") Article Community Picks · 2y leerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui. A starter template for building a SaaS application using Next.js, Postgres, and Stripe. It offers features like authentication, Stripe payment integration, a marketing landing page, subscription management, and a user dashboard. The template includes instructions for setting up the environment, migrating and seeding the database, and deploying to Vercel. 98 9 [See all Community Picks archives](/sources/community/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/community/best-of/2024/12#page","url":"https://daily.dev/sources/community/best-of/2024/12","name":"Best Community Picks Posts — December 2024","description":"The most upvoted Community Picks posts from December 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/best-of/2024/12#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/learn-sql-while-solving-crimes-sql-police-department-fzejwrwjv","name":"Learn SQL while solving crimes! SQL Police Department"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/200-tailwind-css-resources-tools-tutorials-and-more-yoqcyrmjt","name":"200+ Tailwind CSS Resources: Tools, Tutorials, and More"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-i-make-learning-new-things-feel-easy-and-avoid-burnout-2ibsbq9gz","name":"How I Make Learning New Things Feel Easy and Avoid Burnout"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/css-layout-generator-y1exp0uus","name":"CSS Layout Generator"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/react-ui-component-library-aybvprqif","name":"React UI Component Library"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/high-performance-images-2024-guide-kp1qjkrsc","name":"High Performance Images: 2024 Guide"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/a-brief-history-of-work-time-and-overwork--8fw1woxfp","name":"A Brief History of Work Time (and Overwork)"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/lightweight-charts-library-tradingview-jmydha395","name":"Lightweight Charts™ library — TradingView"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/creating-a-secure-node-js-rest-api-objr0epln","name":"Creating a Secure Node.js REST API"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/building-in-app-notifications-in-next-js-aybr6mzsu","name":"Building In-App Notifications in Next.js"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-7-levels-of-programming-dcbh96pfm","name":"The 7 Levels of Programming"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/domain-digger-dns-whois-lookup-more-0uakljq49","name":"Domain Digger: DNS, WHOIS lookup & more"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/anonymous-employee-survey-f42k5okmg","name":"Anonymous Employee Survey"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-land-a-job-in-the-u-s-as-an-international-candidate-3zmq0xzyl","name":"How to land a job in the U.S. as an international candidate"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/welcome-to-langflow-fsazy4dsb","name":"Welcome to Langflow"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/free-react-tailwind-admin-dashboard-template-kbljtu7zq","name":"Free React Tailwind Admin Dashboard Template"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/justd-tot3gqebr","name":"Justd"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/chakra-ui-qmq7jqi2o","name":"Chakra UI"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/dicedb-is-now-open-source-7qo886del","name":"DiceDB is now open source"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/why-php-8-has-high-performance-xnajpwxtj","name":"Why PHP 8 Has High Performance"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/illustration-generator-evlwj1mlh","name":"illustration Generator"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/golang-1-24-is-looking-seriously-awesome-sqw2rhp2m","name":"Golang 1.24 is looking seriously awesome"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-do-i-deploy-my-laravel-applications-using-github-action--vsnahjgxr","name":"How do I deploy my Laravel applications using Github Action?"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/building-a-discord-clone-using-next-js-and-tailwind-dcy8tr7yf","name":"Building a Discord Clone Using Next.js and Tailwind"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/leerob-next-saas-starter-get-started-quickly-with-next-js-postgres-stripe-and-shadcn-ui--3j96nd21y","name":"leerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui."}]},{"@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":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/community/best-of"},{"@type":"ListItem","position":5,"name":"December 2024"}]}]} ```