From the course: Build with AI: Create a Follow-Up App with React, Supabase, and Cursor

Unlock this course with a free trial

Join today to access over 24,900 courses taught by industry experts.

Bootstrapping React, Tailwind, and shadcn

Bootstrapping React, Tailwind, and shadcn

- [Instructor] We'll get our frontend up and running, that is, a React app styled with Tailwind, enhanced by Shadcn ready-made components, and we'll let Cursor AI scaffold every other thing for us with a single prompt. The first we need to do is create a React app with TypesScript using Vite, and the project name will be followup, npm create vite@latest, and the name of the project is followup-app. Okay, proceed, click enter. So what do you want? You see vanilla JavaScript. We want React, and we want it to be TypeScript. So everything is done, so all we need to do is create, install, and run the program, but I kind of installed this into a wrong project, so I'm gonna run clear, then I'm going to exit to desktop. Now, I'm gonna do NPM create again. Yes, so this is now installing on my desktop, TypeScript, and then cd followup-app, and then now, I'm inside the follow-up app, so CD means change directory, so I'm inside the…

Contents