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

  • 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

  • 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

  • React Query

    Fetch, cache and update data in your React and React Native applications all without touching any "global state".

    react-query-v3.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

  • 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

  • Netlify

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

    netlify.com

  • Digital Ocean

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

    digitalocean.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