The Vault

A curated collection of the best resources for web developers. Tools, documentation, tutorials, and more.

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

FrontendReact

Next.js Docs | Next.js

Welcome to the Next.js Documentation.

FrontendReactNext.js

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

FrontendCSS

The Foundation for your Design System - shadcn/ui

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

FrontendReactComponents+1

Motion — JavaScript & React animation library

Motion (prev Framer Motion) is a fast, production-grade web animation library for React, JavaScript and Vue. Build smooth UI animations with examples, tutorials, and a tiny footprint.

FrontendAnimation

https://nodejs.org/docs/latest/api/

nodejs.org

BackendNode.js

PostgreSQL: Documentation

View the manual

BackendDatabase

Docs

Set up a Free Redis-managed database on AWS, GCP, or Azure

BackendDatabase

Home

Docker Documentation is the official Docker library of resources, manuals, and guides to help you containerize applications.

DevOpsContainers

Kubernetes Documentation

Kubernetes is an open source container orchestration engine for automating deployment, scaling, and management of containerized applications. The open source project is hosted by the Cloud Native Computing Foundation.

DevOpsContainers

GitHub Actions

Easily build, package, release, update, and deploy your project in any language—on GitHub or any external system—without having to run code yourself.

DevOpsCI/CD

The starting point for learning TypeScript

Find TypeScript starter projects: from Angular to React or Node.js and CLIs.

GeneralTypeScript

Git - Reference

Quick reference guide: Cheat Sheet

GeneralGit

Overview

components.build is an open-source standard for building modern, composable and accessible UI components.

FrontendDesignComponents

Flexbox Froggy

A game for learning CSS flexbox

FrontendCSSGeneral

Grid Garden - A game for learning CSS grid

How well can you tend to your carrot garden using CSS grid? In this game, you must water your carrot crops and poison the weeds by mastering CSS grid, a powerful new module that makes 2-dimensional grid layouts a piece of cake. With it you can define columns, rows, and grid template areas. Learning Objectives Introduce the fundamentals of using…

FrontendCSSGeneral

Codepip Games

Codepip’s coding games, including Flexbox Froggy, Grid Garden, Code Crunchers, Disarray, and Querymon.

FrontendCSSGeneral

- YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

FrontendReactDesign

Logging Sucks - Your Logs Are Lying To You

Why traditional logging fails and how wide events can fix your observability

BackendGeneral

ByteByteGo | Visual Guides

Visual guides for developers

BackendGeneralArchitecture

Animations on the Web

Learn the theory and practice behind great animations with this interactive learning experience.

FrontendAnimationDesign

Devouring Details

An interactive reference manual for interaction-curious designers.

Design

Craft

Combobox

DesignFrontend

Learn backend development the smart way | Boot.dev

Welcome to the most captivating, finger-flying, addictive way to learn to code. The smartest way to learn a thing is to ensure you’re never bored.

BackendGeneral

Cloud Native Computing Foundation

CNCF is the vendor-neutral hub of cloud native computing, dedicated to making cloud native ubiquitous.

DevOpsContainers

overreacted

A blog by Dan Abramov

FrontendReactGeneral

The Kent C. Dodds Blog

Join 740.83k people who have read Kent’s 205 articles on JavaScript, TypeScript, React, Testing, Career, and more.

FrontendReactTesting

Josh W. Comeau

Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

FrontendCSSReact+1

web.dev

Guidance to build modern web experiences that work on any browser.

FrontendGeneralPerformance

The Modern JavaScript Tutorial

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

FrontendGeneral

CSS-Tricks - A Website About Making Websites

If you’re reading this, chances are you already have some sort of way that you’re following when we publish new […]

FrontendCSS

Patterns.dev

Learn JavaScript design and performance patterns for building more powerful web applications.

FrontendGeneralArchitecture

Refactoring and Design Patterns

Refactoring is a controllable process of improving code without creating new functionality. Design Patterns are typical solutions to the commonly occurring problems in software design.

GeneralArchitecture

Developer Roadmaps - roadmap.sh

Community driven roadmaps, articles and guides for developers to grow in their career.

General

https://roadmap.sh/frontend

roadmap.sh

FrontendGeneral

https://roadmap.sh/backend

roadmap.sh

BackendGeneral

https://roadmap.sh/devops

roadmap.sh

DevOpsGeneral

https://roadmap.sh/react

roadmap.sh

FrontendReact

https://roadmap.sh/typescript

roadmap.sh

GeneralTypeScript

https://roadmap.sh/postgresql-dba

roadmap.sh

BackendDatabase

https://roadmap.sh/docker

roadmap.sh

DevOpsContainers

https://roadmap.sh/kubernetes

roadmap.sh

DevOpsContainers

https://roadmap.sh/system-design

roadmap.sh

BackendArchitecture

freeCodeCamp.org

Learn to Code — For Free

GeneralFrontendBackend

Your Career in Web Development Starts Here | The Odin Project

The Odin Project empowers aspiring web developers to learn together for free

GeneralFrontendBackend

Exercism

Learn, practice and get world-class mentoring in over 50 languages. 100% free.

GeneralBackend

ThePrimeagen

Vim - Rust - TypeScript

GeneralBackend

Fireship

High-intensity ⚡ code tutorials and tech news to help you ship your app faster. New videos every week covering the topics every programmer should know. The original home of #100SecondsOfCode #TheCodeReport and #CodeThisNotThat. Created by Jeff Delaney. Building an app? Get project support, advanced full courses, and more at https://fireship.io

GeneralFrontendBackend

The Pragmatic Engineer

Observations across the software engineering industry.

BackendArchitectureGeneral

Architecture Notes — System Design & Software Development | Mahdi Yusuf | Substack

In your inbox every Sunday! ⚡️. Click to read Architecture Notes — System Design & Software Development, by Mahdi Yusuf, a Substack publication with tens of thousands of subscribers.

BackendArchitecture

High Scalability

Building bigger, faster, more reliable websites.

BackendArchitecture

The Twelve-Factor App

A methodology for building modern, scalable, maintainable software-as-a-service apps.

BackendDevOpsArchitecture

What are microservices?

Microservices - also known as the microservice architecture - is an architectural style that structures an application as a collection of loosely coupled services, which implement business capabilities. The microservice architecture enables the continuous delivery/deployment of large, complex applications. It also enables an organization to evolve its technology stack.

BackendArchitecture

REST API Tutorial

REST API tutorial covering design, HTTP methods, status codes, and best practices for building RESTful APIs.

BackendGeneral

Learn | GraphQL

In this tutorial-style introduction to GraphQL, you’ll learn the core concepts that power every GraphQL API. Follow a step-by-step path from basic queries to advanced features.

BackendFrontendGeneral