Cra Typescript Starter
thirdweb starter project with Create React App & TypeScript
Overview
This article provides instructions on getting started with Thirdweb, a web development platform using React and Create React App (CRA). It covers the project setup, usage of environment variables, deployment to IPFS, and additional resources for learning and contributing to Thirdweb.
Features
- Project setup: Create a project by using the provided example and modify the
src/index.tsxfile. - ThirdwebProvider: The ThirdwebProvider wraps the app in the
src/index.jsfile, allowing the use of Thirdweb hooks and UI components. - Environment Variables: To run the project, add the required environment variables by referring to the
.env.examplefile and adding them to the.envfile or configuring them on the hosting provider. - IPFS Deployment: Deploy your application to IPFS using a specific command.
- Documentation and Resources: Several resources are provided for learning more about Thirdweb, React, CRA, and contributing to the Thirdweb GitHub organization.
Summary
The article provides a step-by-step guide on getting started with Thirdweb, a web development platform built on React and CRA. It covers project setup, usage of environment variables, deployment to IPFS, and offers additional resources for further learning and contribution. By following the instructions, users can quickly start using Thirdweb and explore its features with ease.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.