TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

Typescript

TypeScript: JavaScript With Syntax For Types.

The library for web and native user interfaces

React

React – A JavaScript library for building user interfaces

open source

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

Next.js

Next.js by Vercel - The React Framework

A utility-first CSS framework for rapid UI development.

Tailwind CSS

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

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

JavaScript | MDN

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

Figma

Figma: the collaborative interface design tool.

matt pocock

Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

tRPC

Plan, track, and manage your agile and software development projects in Jira. Customize your workflow, collaborate, and release great software.

JIRA

 Jira | Issue & Project Tracking Software | Atlassian

project management

height

React components library with native dark theme support.

Mantine

SVG is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group.

W3C SVG Working Group

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

Vercel

Vercel: Develop. Preview. Ship. For the best frontend teams

tsconfig

cheat sheet

meta tags

ui components

kanban

linear

plane

command line

chat

cloud

code

collaboration

deployment

dimension

admin dashboard

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

Visual Studio Code

Visual Studio Code - Code Editing. Redefined

admin panels

automation

crud

developer tools

internal tools

Java

radix ui

radix ui themes

radix-ui-themes-with-tailwind

portfolio

reshaped

vs code

linear interpolation

funding

polar

headless

A tool for generating code base on an OpenAPI schema.

openapi-codegen

training

tutorial

design system

<a href="https://github.com/jlalmes/trpc-openapi" class="link--url" target="_blank" rel="noopener noreferrer">github.com/jlalmes/trpc-openapi</a>

Jack Herrington explains how to use tRPC on the Next.js App Router in this video <a href="https://www.youtube.com/watch?v=qCLV0Iaq9zU" class="link--url" target="_blank" rel="noopener noreferrer">youtube.com/watch?v=qCLV0Iaq9zU</a>

Repo: <a href="https://github.com/jherr/trpc-on-the-app-router" class="link--url" target="_blank" rel="noopener noreferrer">github.com/jherr/trpc-on-the-app-router</a>

Jack Herrington explains how to use tRPC on the Next.js App Router in this video https://www.youtube.com/watch?v=qCLV0Iaq9zU

Repo: https://github.com/jherr/trpc-on-the-app-router