Home / Companies / Cockroach Labs / Blog / Post Details
Content Deep Dive

How to build a Complete Webapp with React, TypeScript & CockroachDB

Blog post from Cockroach Labs

Post Details
Company
Date Published
Author
Rain Leander
Word Count
3,788
Language
English
Hacker News Points
-
Summary

This tutorial demonstrates how to create a complete web application using React, TypeScript, and CockroachDB. The app is a simulated gaming leaderboard that stores data in a CockroachDB Serverless database and uses serverless functions deployed on Netlify for communication between the front-end and back-end. The tutorial covers setting up the project with Create React App, creating a CockroachDB Serverless database, generating Prisma schema based on the database tables, creating serverless functions using Netlify Functions, and building the user interface with React and TypeScript. Finally, it explains how to deploy the application to Netlify and set up environment variables for the database connection string.