Phase: BuildingAction Day45 minutes

Day 15: Hello, Next.js

Next.js is a framework - a pre-built structure for web applications. Instead of building everything from scratch, you start with a solid foundation. Today, you'll create your first Next.js project.

Today's Tasks

  1. 1Create a new folder called `portfolio` in your cc30 folder
  2. 2Ask Claude Code to scaffold a Next.js project
  3. 3Run it locally
  4. 4See your site in the browser

Prompt to Use

Create a new Next.js project in a folder called 'portfolio'. Use the App Router and Tailwind CSS. After it's created, help me run it locally so I can see it in my browser.

Expected Outcome

A Next.js project running on localhost.

New Terms

FrameworkNext.jsScaffoldlocalhostnpm run dev

Pro Tip

`localhost:3000` means "this computer, port 3000". It's a website only you can see - for now.

Coming Tomorrow

We'll understand the files Next.js created.