--- title: Best Markdown posts of 2023 | daily.dev description: The most upvoted Markdown posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/markdown/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/markdown/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best Markdown posts of 2023 | daily.dev og:description: The most upvoted Markdown posts of 2023, 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 Markdown — 2023 1. 1 [](/posts/8-react-projects-to-build-in-2023-zqodnj6ua "8 React Projects to Build in 2023") Article freeCodeCamp · 4y 8 React Projects to Build in 2023 8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them. 541 34 2. 2 [](/posts/astro-2-0-ooaz8boge "Astro 2.0") Article Community Picks · 4y Astro 2.0 Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web. 162 10 3. 3 [](/posts/10-self-hosted-apps-to-boost-your-productivity-ibvv8tb53 "10 Self-Hosted Apps to Boost your Productivity") Article Noted · 3y 10 Self-Hosted Apps to Boost your Productivity These self-hosted apps have helped me become much more productive in both work and play time. Here's 10 apps that have boosted my own productivity. The Self Hosted To-Do App to Organize Your Life Vikunja is a self hosted to-do portal with a bunch of awesome features like email reminders, category tags, notes. 154 4 4. 4 [](/posts/readme-dev---a-great-github-profile-description-is-just-a-copy-paste-away-ejadhu-fq "ReadMe-Dev - A great GitHub profile description is just a copy&paste away") Article Product Hunt · 4y ReadMe-Dev - A great GitHub profile description is just a copy&paste away A great GitHub profile description is just a copy&paste away Free ReadMe-Dev helps developers and builders generate a simple yet informative profile description. Take your startup to the next level with one smart platform Support is great. "Thank you for checking out my project! 106 8 5. 5 [](/posts/the-only-markdown-cheatsheet-you-will-ever-need-yjmnppav4 "The Only Markdown Cheatsheet You Will Ever Need") Article DEV · 4y The Only Markdown Cheatsheet You Will Ever Need The Only Markdown Cheatsheet You Will Ever Need You must have found yourself in a situation where you needed to write something using Markdown. Markdown is a lightweight markup language that you can use to format plain text documents. You can make your text bold, italic, strikethrough, highlighted, superscript. 66 15 6. 6 [](/posts/github-slash-commands--suwbaj8ta "GitHub Slash Commands!") Article This is Learning · 3y GitHub Slash Commands! GitHub now supports slash commands that allow users to quickly insert Markdown code blocks, collapsible detail areas, saved replies, tables, and templates. A tasklist command is also available for issue descriptions. Learn more on the official documentation. 55 5 7. 7 [](/posts/znote-ai---javascript-playground-app-with-markdown-for-busy-developers-6dktuxfxy "Znote AI - Javascript playground app with Markdown for busy developers") Article Product Hunt · 4y Znote AI - Javascript playground app with Markdown for busy developers Javascript playground app with Markdown for busy developers Znote is an application that allows the development and instant code execution to learn and prototype your ideas faster. Markdown provides various templates as well as a AI integration to give you an incredible experience. 35 2 8. 8 [](/posts/vrite-editor-open-source-wysiwyg-markdown-editor-emz6tzg00 "Vrite Editor: Open-Source WYSIWYG Markdown Editor") Article Community Picks · 3y Vrite Editor: Open-Source WYSIWYG Markdown Editor Vrite Editor is an open-source, minimalistic WYSIWYG Markdown editor to easily create and export Markdown and HTML content on the go. Vite Editor comes with many features to make editing a breeze. TipTap provides extensions for supporting Table formatting, the UI is a different story. 31 2 9. 9 [](/posts/why-i-use-astro-ifkapkkkn "Why I use Astro") Article Flavio Copes · 3y Why I use Astro Astro is a lightweight tool for building static websites that offers simplicity, flexibility, and the ability to scale. It supports server-side and client-side rendering, as well as markdown integration. Astro satisfies the needs of solo indie web developers who want to build various types of sites and web applications. 20 2 10. 10 [](/posts/visual-studio-code-may-2023-btuopiy2p "Visual Studio Code May 2023") Article Visual Studio Code · 3y Visual Studio Code May 2023 Visual Studio Code May 2023 (version 1.79) Download the nightly Insiders build and try the latest updates as soon as they are available. There are many updates in this version that we hope you'll like, some of the key highlights include: Read-only mode. 21 11. 11 [](/posts/fonts-matter-geemg0v8g "Fonts matter") Article stitcher.io · 4y Fonts matter programming is so much more about reading and understanding code, than it is about writing. "writing code" is only the lesser part of my programming life, so I have much to gain by making the ‘reading part’ as pleasant as possible. I choose a font that’s pleasant to read, modern fonts suit me better. 22 2 12. 12 [](/posts/how-good-documentation-can-improve-productivity-murfhrw-s "How Good Documentation Can Improve Productivity") Article Shopify Engineering · 4y How Good Documentation Can Improve Productivity In the tech industry, there’s a problem with internal documentation. We treat documentation as a product, and put care into creating comprehensive documentation. At Shopify, we’ve tried to overcome that issue by standardizing the way we write, avoiding disparate sources of truth, and creating a writing culture. 22 13. 13 [](/posts/stack-file---beautiful-automated-tech-stack-docs-for-your-github-repos-t3glxo4it "Stack File - Beautiful automated tech stack docs for your GitHub repos") Article Product Hunt · 3y Stack File - Beautiful automated tech stack docs for your GitHub repos Automated GitHub App that generates tech stack documentation for repositories, including open source, closed source, SaaS, and infrastructure tools. 20 1 14. 14 [](/posts/how-to-create-diagrams-as-code-with-mermaid-github-and-visual-studio-code-c5gke3vde "How to Create Diagrams as Code with Mermaid, GitHub, and Visual Studio Code") Article freeCodeCamp · 3y How to Create Diagrams as Code with Mermaid, GitHub, and Visual Studio Code How to Generate Diagrams as Code with Mermaid is a JavaScript-based tool that transforms Markdown-style text into dynamic diagrams. VSCode First, install a Markdown previewer that has the support for Mermaid. You can add Mermaid diagrams to create compelling README files in GitHub. 21 1 15. 15 [](/posts/visual-studio-code-june-2023-tmfnuiysv "Visual Studio Code June 2023") Article Visual Studio Code · 3y Visual Studio Code June 2023 Visual Studio Code June 2023 (version 1.80) Download the nightly Insiders build and try the latest updates as soon as they are available. There are many updates in this version that we hope you'll like, some of the key highlights include better screen reader support, Copilot audio cues. 19 16. 16 [](/posts/raneto---markdown-powered-knowledge-base-wiki-for-node-js-snuhjxxyr "Raneto - Markdown Powered Knowledge Base Wiki for Node.js") Article Noted · 3y Raneto - Markdown Powered Knowledge Base Wiki for Node.js Raneto - Markdown Powered Knowledge Base Wiki for Node.js Raneto makes it easy to create documentation for any project. Raneto is an open-source Knowledgebase platform that uses static Markdown files to power your Knowledgebase. The interface is clean and minimal which is what I look for in something like this. 19 1 17. 17 [](/posts/github-markdown-issue-templates-7vbikzyjw "GitHub Markdown Issue Templates") Article DEV · 3y GitHub Markdown Issue Templates GitHub Markdown Issue Templates are an easy way to set up a markdown template for issues. In this 2 chapters series, we'll see how to use this tool to help contributors write better issues. You can find the full content in this video, or you can keep reading for Chapter 1. 18 18. 18 [](/posts/visual-studio-code-april-2023-41kjpgkth "Visual Studio Code April 2023") Article Visual Studio Code · 3y Visual Studio Code April 2023 Visual Studio Code April 2023 (version 1.78) Download the nightly Insiders build and try the latest updates as soon as they are available. New color themes- "Modern" light and dark color theme defaults. New default color themes replace 'Dark+' and 'Light Modern' as the new default dark and light color themes. 16 1 19. 19 [](/posts/python-markdown-and-tailwind-best-buds-matt-layman-lqgnqdft0 "Python, Markdown, and Tailwind: Best Buds! · Matt Layman") Article Planet Python · 3y Python, Markdown, and Tailwind: Best Buds! · Matt Layman Learn how to style tags in rendered HTML from Markdown using Tailwind CSS. 15 20. 20 [](/posts/the-rich-text-markdown-editor-react-component-0rteqy0n8 "the Rich Text Markdown Editor React Component") Article Community Picks · 3y the Rich Text Markdown Editor React Component MDX Editor is an open-source React component that allows users to author markdown documents naturally. Style the rich text with the same styles as your actual page. Style the content editable area with your content CSS class. 13 3 21. 21 [](/posts/what-next-js-has-to-offer-react-developers-vm5aur7wb "What Next.js Has to Offer React Developers") Article Honeybadger · 4y What Next.js Has to Offer React Developers Next.js is one of the hottest web frameworks of 2022\. It supplements React applications with server-side rendering, static site generation, and more. Migrating from Create React App introduces risk due to the scope of the change, but also requires development time. 13 1 22. 22 [](/posts/5-tips-for-making-your-github-profile-page-accessible-kx7rye34e "5 tips for making your GitHub profile page accessible") Article GitHub Blog · 3y 5 tips for making your GitHub profile page accessible Tips for making your GitHub profile page more accessible include making links descriptive, adding ALT text to images, using proper heading formatting, using plain language, and structuring lists with proper markup. 12 23. 23 [](/posts/laravel-10-15-sub-minute-task-scheduling-raw-sql-query-builder-methods-and-more-nfufzcqu3 "Laravel 10.15: Sub-minute Task Scheduling, Raw SQL Query Builder Methods, and More") Article Laravel News · 3y Laravel 10.15: Sub-minute Task Scheduling, Raw SQL Query Builder Methods, and More The Laravel team released v10.15 with sub-minute scheduling, raw SQL query build methods, throwing an HTTP exception from a view, and more. Sub-minute Scheduling provides new frequency options when scheduling jobs. Nuno Maduro contributed support for inline attachments in notification markdown mailables. 12 24. 24 [](/posts/contentlayer-makes-content-easy-for-developers-ndamxpg9c "Contentlayer makes content easy for developers") Article Community Picks · 3y Contentlayer makes content easy for developers Contentlayer provides a nice abstraction between your Markdown files or CMS and your application. It allows you to import and manipulate your content as data directly with the JavaScript methods you know and love. Just use JS/TS. No need to learn a new query language or complicated API docs to read. 12 25. 25 [](/posts/refreshing-the-next-js-app-router-when-your-markdown-content-changes-dcjneweja "Refreshing the Next.js App Router When Your Markdown Content Changes") Article Community Picks · 3y Refreshing the Next.js App Router When Your Markdown Content Changes Learn how to refresh the Next.js App Router when your Markdown content changes. Install necessary dependencies and create a watcher file to detect changes in the content folder. Use a WebSocket server to send 'refresh' messages to connected clients, triggering a refresh of the Next.js App Router. 11 [See all Markdown archives](/tags/markdown/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/tags/markdown/best-of/2023#page","url":"https://daily.dev/tags/markdown/best-of/2023","name":"Best Markdown Posts of 2023","description":"The most upvoted Markdown posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/markdown/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/8-react-projects-to-build-in-2023-zqodnj6ua","name":"8 React Projects to Build in 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/astro-2-0-ooaz8boge","name":"Astro 2.0"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/10-self-hosted-apps-to-boost-your-productivity-ibvv8tb53","name":"10 Self-Hosted Apps to Boost your Productivity"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/readme-dev---a-great-github-profile-description-is-just-a-copy-paste-away-ejadhu-fq","name":"ReadMe-Dev - A great GitHub profile description is just a copy&paste away"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-only-markdown-cheatsheet-you-will-ever-need-yjmnppav4","name":"The Only Markdown Cheatsheet You Will Ever Need"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/github-slash-commands--suwbaj8ta","name":"GitHub Slash Commands!"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/znote-ai---javascript-playground-app-with-markdown-for-busy-developers-6dktuxfxy","name":"Znote AI - Javascript playground app with Markdown for busy developers"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/vrite-editor-open-source-wysiwyg-markdown-editor-emz6tzg00","name":"Vrite Editor: Open-Source WYSIWYG Markdown Editor"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/why-i-use-astro-ifkapkkkn","name":"Why I use Astro"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/visual-studio-code-may-2023-btuopiy2p","name":"Visual Studio Code May 2023"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/fonts-matter-geemg0v8g","name":"Fonts matter"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-good-documentation-can-improve-productivity-murfhrw-s","name":"How Good Documentation Can Improve Productivity"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/stack-file---beautiful-automated-tech-stack-docs-for-your-github-repos-t3glxo4it","name":"Stack File - Beautiful automated tech stack docs for your GitHub repos"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-create-diagrams-as-code-with-mermaid-github-and-visual-studio-code-c5gke3vde","name":"How to Create Diagrams as Code with Mermaid, GitHub, and Visual Studio Code"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/visual-studio-code-june-2023-tmfnuiysv","name":"Visual Studio Code June 2023"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/raneto---markdown-powered-knowledge-base-wiki-for-node-js-snuhjxxyr","name":"Raneto - Markdown Powered Knowledge Base Wiki for Node.js"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/github-markdown-issue-templates-7vbikzyjw","name":"GitHub Markdown Issue Templates"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/visual-studio-code-april-2023-41kjpgkth","name":"Visual Studio Code April 2023"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/python-markdown-and-tailwind-best-buds-matt-layman-lqgnqdft0","name":"Python, Markdown, and Tailwind: Best Buds! · Matt Layman"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/the-rich-text-markdown-editor-react-component-0rteqy0n8","name":"the Rich Text Markdown Editor React Component"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/what-next-js-has-to-offer-react-developers-vm5aur7wb","name":"What Next.js Has to Offer React Developers"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/5-tips-for-making-your-github-profile-page-accessible-kx7rye34e","name":"5 tips for making your GitHub profile page accessible"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/laravel-10-15-sub-minute-task-scheduling-raw-sql-query-builder-methods-and-more-nfufzcqu3","name":"Laravel 10.15: Sub-minute Task Scheduling, Raw SQL Query Builder Methods, and More"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/contentlayer-makes-content-easy-for-developers-ndamxpg9c","name":"Contentlayer makes content easy for developers"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/refreshing-the-next-js-app-router-when-your-markdown-content-changes-dcjneweja","name":"Refreshing the Next.js App Router When Your Markdown Content Changes"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Markdown","item":"https://daily.dev/tags/markdown"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/markdown/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```