From the course: Building a Generative AI Music Visualizer with JavaScript and React

Unlock this course with a free trial

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

Generating a React application with Next.js

Generating a React application with Next.js

From the course: Building a Generative AI Music Visualizer with JavaScript and React

Start my 1-month free trial Buy for my team

Generating a React application with Next.js

“

- [Instructor] To get started here, we're going to use a combination of Next.js, and some tools from the Vercel AI SDK. So, Next.js is a React Framework that we can use to build applications with the latest versions of React, and then the Vercel AI SDK is a bunch of AI and generative AI tools that we can use on top of this to make things even better. So, over here in VS code, I'm going to make sure that I'm navigated to the 10_01b folder, and here, we're going to generate our project. So, let me zoom in a little bit. We're going to say npx create-next-app@latest, and then we're going to call this music-project. This is going to take us through a little wizard, so we're going to say No to TypeScript, No to ESLint, Yes to Tailwind, Yes we want to use the source directory, Yes we want to use the App Router, No we don't want to customize the default. So, essentially we're just using all of the defaults here for getting started, and then this is going to generate our project. So, now we…

Contents