/plushcap/analysis/cockroach-labs/how-to-build-a-complete-webapp-with-react-typescript-cockroachdb

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

What's this blog post about?

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.

Company
Cockroach Labs

Date published
Nov. 29, 2021

Author(s)
Rain Leander

Word count
3788

Hacker News points
None found.

Language
English


By Matt Makai. 2021-2024.