# David Dias > Staff Frontend Engineer and Content Creator passionate about web development, accessibility, and open-source. ## About This is the personal website of David Dias, a Staff Frontend Engineer based in Toronto, Canada. The site features articles about web development, TypeScript, React, Next.js, accessibility, and developer productivity. It also includes notes (shorter thoughts and tips), project showcases, and a career timeline. ## Articles - [My Ideal Desk Setup: A Personal Journey](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/multi-purpose-developer-music-electronics-setup): Comprehensive guide to building a versatile home office setup, featuring practical tips for developers and creatives. Learn how to create a productive workspace that combines coding, music production, and electronics workbench setups. - [Looking Back on My Web Development Journey: A Decade of Projects](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/frontend-developer-decade-projects-evolution): Dive into my decade-long journey in web development, chronicling key projects that have shaped my career and personal growth. From my first parish website to open-source initiatives and podcasts, explore the evolution of my skills and the diverse range of projects that have defined my path in the digital world. - [My Favorite Raycast Apps for Better Development](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/raycast-developer-productivity-apps): Raycast is one of the best tools for supercharging your productivity on Mac, offering a wide range of customizable commands and third-party integrations. In this article, I'll share the top 10 Raycast applications I use daily, demonstrating how they can transform you into a super developer by streamlining your workflow and boosting efficiency. - [Why Frontend Experience Matters More Than Just User Testing](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/frontend-experience-vs-user-testing): Over 15 years of experience shows: collaboration between frontend developers and designers is key. Let's value insights from both for digital success! - [How Front-End Developers and UI/UX Designers Can Work Better Together](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/frontend-designer-collaboration-strategies): Comprehensive guide to improving collaboration between Front-End Developers and UI/UX Designers. Learn practical strategies for better communication, workflow optimization, and creating successful web projects through effective teamwork. - [How to Build a Better Two-Factor Authentication Experience](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/two-factor-authentication-ux-implementation): Learn 9 essential two-factor authentication (2FA) best practices that improve user experience while maintaining security. Expert guide with real-world examples from Google, Facebook, and more. - [How to Deploy Your Next.js App on Netlify Using GitHub Actions](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/nextjs-netlify-github-actions-deployment-guide): Step-by-step guide to deploying NextJS applications on Netlify using GitHub Actions. Learn how to set up CI/CD, enable SSR, and automate your deployment workflow. - [You Have Something Special the World Needs](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/you-have-something-in-you-the-world-needs): Sometimes the only thing you need to remember is that you are not alone in this world. This article explores the universal human experiences of fear and past regrets, and how they shape our lives. Discover how embracing your unique qualities and connecting with others can help you overcome these challenges and make a positive impact on the world around you. - [Lessons From Presenting My Side Project Across Europe](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/open-source-europe-conference-journey): Presenting a side project at international meetups can be a valuable learning experience. This article offers an insightful overview of what I learned while introducing the Front-End Checklist to developer communities during my European vacation. From organizing talks in different cities to adapting to diverse audiences, discover the key takeaways that can help you share your own projects and contribute to the global tech community. - [Where Should I Move Next as a Front-End Developer?](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/frontend-developer-international-relocation): Choosing a new city or country to leave is not an easy task. I'm sharing my process to choose the next city where I wanna live. - [The Front-End Checklist is Just a Tool - Everything Depends on You](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/front-end-checklist-implementation-guide): Master the Front-End Checklist with this comprehensive guide. Learn how to customize it for your team, automate testing, and improve your development workflow for better project outcomes. - [My Open Source Project Got 6,000 GitHub Stars in 5 Days](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/front-end-checklist-viral-growth-story): The Front-End Checklist unexpectedly became my breakout open-source project, gaining unprecedented attraction and visibility in the developer community. In this article, I take you through the exhilarating first five days after publishing the project on GitHub. From a modest start to trending globally, discover the rollercoaster journey of how a simple checklist resonated with thousands of developers worldwide and earned 6,000 stars in less than a week. - [How a Morning Routine Can Positively Change Your Life Forever](blog-p3u6uvtmz-david-dias-digital.vercel.app/articles/developer-morning-routine-polyphasic-sleep): Create a life-changing morning routine with this comprehensive guide. Learn proven techniques for better sleep, increased productivity, and personal development through intentional morning practices. ## Notes - [How To Block ChatGPT form Scraping and Parsing your Website?](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/how-to-block-chatgpt-form-scraping-and-parsing-your-website): How to block ChatGPT from scraping and parsing your website? It may be simpler than you think. - [The Philosophy and Approach of "User First"](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/philosophy-approach-user-first): User First" approach puts users at the heart of all decisions. Engage with them to understand needs, ensuring your business remains relevant and loved. - [How to Convert MP3 to M4B for Audiobooks lovers, on MacOS?](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/how-to-convert-mp3-to-m4b-for-audiobooks): Explore "AudioBookBinder", a handy MacOS app designed for making audiobooks. It quickly turns MP3 files into M4B format, making audiobook creation a breeze. - [Stop using the
tag to design a horizontal line!](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/stop-using-thematic-break-to-design-horizontal-line): It's sometimes easy to forget that UI doesn't dictate semantics. In this article I'll show you how to use the
tag properly. - [How to fix "set-output" when reading nvmrc from the GitHub Actions?](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/how-to-fix-set-output-nvmrc-github-actions): Find out how to fix the deprecated set-output when you read the Nodejs version from your .nvmrc file in Github workflows. - [How to fix "postbuild" and "prebuild" not working with pnpm?](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/how-to-fix-post-pre-build-pnpm): Find out what I had to update to use pre and posts scripts with pnpm. - [Finally received my Steam Deck confirmation email!](blog-p3u6uvtmz-david-dias-digital.vercel.app/notes/finally-received-steam-deck-confirmation-email): After months of waiting, I finally received my Steam Deck confirmation email! ## Projects - [Front-End Checklist V1](https://frontendchecklist.io/): The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production. - [UI Patterns for developers](https://ui-patterns-dev.vercel.app/fr): A full guide on all UI Patterns, practices, pitfalls and gotchas for front-end developers. ## Contact - Website: blog-p3u6uvtmz-david-dias-digital.vercel.app - Email: hello@thedaviddias.com - GitHub: https://github.com/thedaviddias - X/Twitter: https://x.com/thedaviddias - LinkedIn: https://www.linkedin.com/in/thedaviddias