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.

Understanding the Next.js project architecture

Understanding the Next.js project architecture

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

Start my 1-month free trial Buy for my team

Understanding the Next.js project architecture

“

- [Instructor] Now that we have used our installer to create our next JS application, let's take a little tour of what has actually been installed. So again, we have our source folder. Inside of that source folder is the app folder, which means that we're using Next.js version 14 or higher. We can validate this by coming over to the package json, and you'll see that we have next 14, react and react-dom. We're also using postcss and tailwind to help us out with our styles. The next thing I want to do here is let's go to our page JS file, and we're just going to make some adjustments here to essentially get rid of everything that is in our main tag. So there's a lot here. I want to get rid of all of it pretty much. All right, so that's that. We'll add an h1 here. We'll call this Music Visualizer. We'll also get rid of the next image there for now. Let's make sure that we are navigated to the music project so that those changes will take effect. So we'll say NPM run dev. We'll go to the…

Contents