Skip to main content

Learning The Tech Stack

We are recommending that each new developer go through the following online learning courses. You will need to learn Next.js, React, Typescript and have a good understanding of modern frontend development. There are learning options for each listed below to learn via video tutorials and/or written walkthroughs.

Major Tools and Versions

ToolVersionNotes
Node20The foundation for most tooling.
Next.js15Our server technology. There are significant new features in v15
React19You'll want to be comfortable with stateless/functional components, hooks, and grasp both client and server-side rendering (CSR and SSR)
TypeScript5All code is written in TypeScript
Tailwind4Used for styling
Zod3Used primarily for API call validation and testing
Shadcn3Our UI component system
TopicVideoReading
Modern Javascripthttps://www.udemy.com/course/es6-es7-and-es8-its-time-to-update-your-javascript/Intro to ES6+
TypeScripthttps://www.udemy.com/course/understanding-typescript/TypeScript: Documentation - The Basics
TypeScript: Documentation - TypeScript for JavaScript Programmers
TailwindDesigning With Tailwind
Tailwind v4 Crash Course
Dev Guide To Tailwind 4
ReactThe Ultimate React Course 2024: React, Redux & MoreHands on React - architecture
Rendering In React 19
Thinking in React – React
Escape Hatches – React
Next.jsWhat is CSR SSR SSG and ISR (youtube.com) https://www.udemy.com/course/nextjs-react-the-complete-guide/The differences between CSR, SSR, and SSG - SSR - SSG - ISR - CSR in Next.js
https://www.joshwcomeau.com/react/server-components
https://nextjs.org/learn/react-foundations
Learn Next.js by Vercel

Here are some downloadble TypeScript cheat sheets: TypeScript: Cheat Sheets