Brandon Perfetti Headshot

A blacksmith is nothing without his tools.

Each project demands a unique mixture of Browser, Programming Language, Framework, Database, Web Server, and Operating System. I've grown accustom to reaching for these technologies first.

  • JavaScript

    JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.

    JavaScript Docs

  • TypeScript

    TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

    typescriptlang.org

  • Node.js

    Node.js® is an open-source, cross-platform JavaScript runtime environment.

    nodejs.org/en

  • Express.js

    Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

    expressjs.com

  • React

    React is a free and open-source front-end JavaScript library for building user interfaces based on components.

    reactjs.org

  • Redux

    Redux is a JS library for predictable and maintainable global state management.

    redux.js.org

  • Next.js

    Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.

    nextjs.org

  • Vite

    Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR). A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

    vitejs.dev

  • Remix

    Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.

    remix.run

  • The Epic Stack

    An opinionated project starter and reference that allows teams to ship their ideas to production faster and on a more stable foundation.

    epicweb.dev/epic-stack

  • Vue.js

    The Progressive JavaScript Framework.An approachable, performant and versatile framework for building web user interfaces.

    vuejs.org

  • Pinia

    The intuitive store for Vue.js.Type Safe, Extensible, and Modular by design. Forget you are even using a store.

    pinia.vuejs.org

  • Nuxt

    The Intuitive Vue Framework. Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.

    nuxt.com

  • Gatsby

    Gatsby enables developers to build fast, secure, and powerful websites using a React-based framework and innovative data layer that makes integrating different content, APIs, and services into one web experience incredibly simple.

    gatsbyjs.com

  • NPM

    npm is the world's largest software registry. Open source developers from every continent use npm to share and borrow packages, and many organizations use npm to manage private development as well.

    npmjs.com

  • Yarn

    Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered.

    yarnpkg.com

  • GraphQL

    GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

    graphql.org

  • TanStack

    High-quality open-source software for web developers. Headless, type-safe, & powerful utilities for Web Applications, Routing, State Management, Data Visualization, Datagrids/Tables, and more.

    tanstack.com

  • React Router

    React Router enables "client side routing". Client side routing allows your app to update the URL from a link click without making another request for another document from the server. Instead, your app can immediately render some new UI and make data requests with fetch to update the page with new information.

    reactrouter.com/en/main/

  • Tailwind CSS

    Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.

    tailwindcss.com

  • Tailwind UI

    Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.

    tailwindui.com

  • Headless UI

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    headlessui.com

  • Radix UI

    Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source.

    www.radix-ui

  • shadcn/ui

    Build your component library. Beautifully designed components that you can copy and paste into your apps.

    ui.shadcn.com

  • Jest

    Jest is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using: Babel, TypeScript, Node, React, Angular, Vue and more!

    jestjs.io

  • Playwright

    Playwright Test was created specifically to accommodate the needs of end-to-end testing. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox. Test on Windows, Linux, and macOS, locally or on CI, headless or headed with native mobile emulation of Google Chrome for Android and Mobile Safari.

    playwright.dev

  • Testing Library

    Simple and complete testing utilities that encourage good testing practices

    testing-library.com

  • Vitest

    Next Generation Testing Framework. A Vite-native testing framework. It's fast!

    vitest.dev

  • Clerk

    The most comprehensive User Management Platform. Need more than just a sign-in box? Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.

    clerk.com

  • Keystone.js

    Keystone helps you build faster and scale further than any other CMS or App Framework. Just describe your schema, and get a powerful GraphQL API & beautiful Management UI for content and data.

    keystonejs.com

  • MongoDB Atlas

    The multi-cloud developer data platform. An integrated suite of cloud database and data services to accelerate and simplify how you build with data.

    mongodb.com/atlas

  • Supabase

    Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

    supabase.com

  • Resend

    Email for developers. The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

    resend.com

  • Zod

    Zod is a TypeScript-first schema declaration and validation library. I'm using the term "schema" to broadly refer to any data type, from a simple string to a complex nested object.

    zod.dev

  • Digital Ocean

    DigitalOcean is the easiest ☁️ platform to deploy, manage & scale applications of any size.

    digitalocean.com

  • Fly.io

    Scalable Full Stack Without the Cortisol. Over 3 million apps have launched on Fly.io, boosted by global Anycast load-balancing, zero-configuration private networking, hardware isolation, and instant WireGuard VPN connections. Push-button deployments that scale to thousands of instances.

    fly.io

  • Netlify

    Netlify is a global, production-ready environment from the start. Skip all the server setup and get straight to building.

    netlify.com

  • Vercel

    Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. We enable teams to iterate quickly and develop, preview, and ship delightful user experiences. Vercel has zero-configuration support for 35+ frontend frameworks and integrates with your headless content, commerce, or database of choice.

    vercel.com